谷歌浏览器不支持CSS设置小于12px的文字的解决方法

这篇文章给大家分享的是有关谷歌浏览器不支持CSS设置小于12px的文字的解决方法的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。

网页常常为了排版美观，会使用忽大或小的文字，通常font-size文字为12px（像素）文字。设置大于12px文字字体，各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字字体效果。

谷歌浏览器支持设置font-size小于12px像素解决方法

谷歌浏览器默认最小字体为12px，小于12px的字体它都以12px显示，有时我们需要字体小点，特别是在制作英文网站时，常常使用CSS样式显示小于12px文字，这样谷歌浏览器就不能显示所设置较小的文字。不过还是有解决方案的。

解决所需CSS代码

在html或者body里添加一句谷歌浏览器专有的内核属性样式（或者在需要设置小文字字体对象CSS选择器添加也可）如下CSS代码：

html,body{-webkit-text-size-adjust:none;}或.pcss5{-webkit-text-size-adjust:none;}

注：如果使用了这个属性，浏览器的字体将不能使用放大缩小功能！（就是按住CTRL键上下滚动鼠标中键的那功能）

尝试换单位-无用：

还有朋友说用em(字符)作为单位定义字体大小有用。本人亲自测试过，用em字义的字体在谷歌浏览器中最小也不会小于12px。所以是没用的。暂时我只知道上面一种方法。

感谢各位的阅读！关于“谷歌浏览器不支持CSS设置小于12px的文字的解决方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！