今天调试网站时发现一个问题,页面在IE下显示正常,但在Chrome下却显示异常。
IE:
Chrome:
用开发人员工具查看css
字体大小为12px,当调整字体为10px后查看Computed Style:
很奇怪是不是,怎么还是12px。看来应该是浏览器本身对字体进行了限制,果然改成13px字体就会变大看来是有个字体大小的下限。
打开Chrome选项->高级选项->自定义字体
点开后出现如下界面:
大家可以看到这边有个默认的字体大小下限为12。设置的小一点的话页面显示就正常了。
据说只在中文版的Chrome下才会有这个12px的默认设置,也许是怕中文在12px以下就会模糊影响体验吧。
由此可见自己在浏览器的特性方面还是了解的太少,特作此记录分享之。