如何处理在操作系统级别设置的字体缩放（例如，将所有字体缩放到150％）？

Question

某些操作系统允许用户指定所有字体应按一定比例缩放。当页面是为特定字体大小设计的时，一切都会中断。 有解决这个问题的适当方法吗？

注意： 这不是用于常规网站，而是应用程序使用的移动Web视图。一页显示凭证，并且凭证具有固定的大小，因此字体也必须具有固定的大小。

Answer 1

您应该在媒体查询中对em个单元使用自适应设计。

请参见this page：以1000像素的窗口宽度观看它，然后缩放浏览器的字体大小：您会发现列数随着字体大小的增加而减少。

Here is the full codepen