Google Chrome浏览器不支持小于12px的字体大小的问题及解决方法

今天看兼容发现OPERA 跟谷歌的浏览器不能根据定义的字号变小 网上找到了好人的分享 虽然opear的问题还是没能解决，但是少一个是一个啦~~~

“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上浏览网页时同样出现的字体错误，真是一举多得～

本文作者： Jasmine

本文链接： https://www.jianbaizhan.com/article/125

版权声明： 本博客所有文章除特别声明外，均采用 CC BY-NC-SA 3.0 许可协议。转载请注明出处！