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

1、谷歌浏览器不支持设置CSS较小字体问题分析
网页常常为了排版美观,会使用忽大或小的文字,通常font-size文字为12px(像素)文字。设置大于12px文字字体,各浏览器都能显示出CSS所设置文字大小效果。但是CSS设置小于12px文字时候谷歌浏览器google Chrome就不能显示出CSS所设置小于12px的文字文字效果。

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

3、解决所需CSS代码
在html或者body里添加一句谷歌浏览器专有的内核属性样式(或者在需要设置小文字字体对象CSS选择器添加也可)如下CSS代码:
html,body{-webkit-text-size-adjust:none}

.class{-webkit-text-size-adjust:none}

尼玛,谷歌更新后此方法不好用了。

原文地址:https://www.cnblogs.com/naokr/p/2998070.html