chrome浏览器对于font-size<12px的解决办法

前言:

因为Chrome浏览器默认情况下的字体最小是12px,所以如果你的字体小于12px时,网页效果也是默认显示12px大小,难免在视觉上造成哪里出了问题的错觉。

第一种:网上大部分的解决方案,添加一个私有属性到html选择器:
html{-webkit-text-size-adjust: none;},要改变的字体大小 ,写在其后就可以了 ,但是自己亲自试了试 发现并没有效果。原来chrome27版本之后 这个属性就无效了。泪~~

第二种:通过-webkit-tranform:scale();缩放来实现,前提是要所设置字体大小的元素转化为块元素,亲测 也没效果。

第三种:将chrome语言设置为English,亲测 可行。

推荐一个测量页面字体样式的插件 whatfont,加到chrome扩展程序即可使用。

 

posted @ 2018-08-15 17:03  Sandrawyy  阅读(471)  评论(0编辑  收藏  举报