chrome浏览器不能显示字体大小小于12px解决方法，CSS设置小于12px字体不起作用的解决方法篇。
无论中文英文数字在网页中CSS设置小于12px后各大浏览器均支持，在谷歌chrome浏览器不支持解决方法。
针对低版本chrome谷歌浏览器设置一个校准字体大小样式：
-webkit-text-size-adjust:none
用法：
body{-webkit-text-size-adjust:none}
或 在设置小于12px的选择器对象里设置一个-webkit-text-size-adjust:none样式：
.abc{font-size:7px;-webkit-text-size-adjust:none}
高版本chrome谷歌浏览器不再支持小于12px的字体：
高版本chrome谷歌浏览器已经不再支持-webkit-text-size-adjust样式也就是不在支持小于12px以下字体，所以要使用时候慎用。为了兼容各大浏览器最好最小文字字体大小设置12px及12px以上。
建议：
1、用图片：如果是内容固定不变情况下，使用将小于12px文字内容切出做图片，这样不影响兼容也不影响美观。
2、使用12px及12px以上字体大小：为了兼容各大主流浏览器，建议设计美工图时候设置大于或等于12px的字体大小，如果是接单的这个时候就需要给客户讲解小于12px浏览器不兼容等事宜。
3、继续使用小于12px字体大小样式设置：如果不考虑chrome可以不用考虑兼容，同时在设置小于12px对象设置-webkit-text-size-adjust:none，做到最大兼容考虑。
4、使用12px以上字体：为了兼容、为了代码更简单 从新考虑权重下兼容性。
作者：小屋
链接：http://www.rumenwu.com/operate/559.html
来源：入门屋
入门屋著作权归作者所有，任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台，如有侵权请联系删除。
支付宝打赏 
微信打赏 
