Chrome对最小字体的限制

今天调试网站时发现一个问题,页面在IE下显示正常,但在Chrome下却显示异常。

IE:

Chrome:

用开发人员工具查看css

字体大小为12px,当调整字体为10px后查看Computed Style:

很奇怪是不是,怎么还是12px。看来应该是浏览器本身对字体进行了限制,果然改成13px字体就会变大看来是有个字体大小的下限。

打开Chrome选项->高级选项->自定义字体

点开后出现如下界面:

大家可以看到这边有个默认的字体大小下限为12。设置的小一点的话页面显示就正常了。

据说只在中文版的Chrome下才会有这个12px的默认设置,也许是怕中文在12px以下就会模糊影响体验吧。

由此可见自己在浏览器的特性方面还是了解的太少,特作此记录分享之。

原文地址:https://www.cnblogs.com/xg521310/p/2355678.html