Home » 前端技术 » chrome不支持12px以下字体大小的解决

chrome不支持12px以下字体大小的解决

“Chrome竟然最小的字体是12px,而小于12px的数值,百分比之类的都不起左右,都是显示12px”
这是一个由来已久的Chrome浏览器的问题,不知为何一直存在到现在,主要是其内核Webkit造成的。
网上有很多解决的方法,类似有将浏览器语言调整至英文,或者修改Chrome本地设置。但这些解决方法都是治标不治本的。

如果你和我一样是网页开发人员为了这个12px的问题头疼,但又不能控制用户的浏览器语言或者修改其本地设置。
接下来带来一个万无一失的解决方式,保证100%可用,在CSS中设置:
-webkit-text-size-adjust: none;

即取消webkit的对文字的自动调整,这样的话,CSS中font-size多少大,就多少大,完全无需考虑Chrome兄的12px死亡线了。
这段话可以加在body中,也可以单独加在具体样式中。
另外这个CSS设置同时还纠正了网页在iPhone和iTouch上浏览网页时同样出现的字体错误,真是一举多得~

Continue reading... , ,
分享