视口单位的字体大小

Question

我尝试将视口单元用于font-size，并且发现尺寸没有按照我的要求均匀缩放。

在不同操作系统的相同浏览器（chrome）上，运行OS X的屏幕尺寸较小的浏览器具有比具有更大屏幕/分辨率的窗口更大，更易读的字体。

在相同的浏览器上，在相同的操作系统（窗口）上但不同的设备（相同的宽高比），字体看起来完全不同。

我之前已经阅读过有关不同操作系统呈现不同字体的内容，但在第二款senerio中并非如此。用于字体大小的视口单元的实现是否仍然有问题？使用text-rendering: optimizeLegibility进行渲染也没有多大帮助。我现在应该坚持使用px / em还是有一些我错过的css属性可以帮助减少这些影响。

Answer 1

对于iOS - 你确定你不在具有更高分辨率的视网膜屏幕上吗？

在任何情况下，关于font-size，我相信px或em应该是更好的选择。我通常将px用于大多数代码，只是因为这样你可以完全控制并且不必担心浏览器会因为父母的不同而计算出不同的实际大小。继承（IE - 我在看着你！）。一般而言，我个人认为，使用视口单元作为字体大小有很多有效的用例，并且您可以通过使用px或ems以及媒体查询来获得更一致的结果。