谷歌浏览器下小于12px字体的解决办法

 

Google Chrome竟然最小的字体是12px，而小于12px的数值，百分比之类的都不起左右，都是显示12px，这是一个由来已久的Chrome浏览器的问题，不知为何一直存在到现在，主要是其内核Webkit造成的。网上有很多解决的方法，类似有将浏览器语言调整至英文，或者修改Chrome本地设置。但这些解决方法都是治标不治本的。如果你和我一样是网页开发人员为了这个12px的问题头疼，但又不能控制用户的浏览器语言或者修改其本地设置。

-webkit-transform-origin-x: 0;-webkit-transform: scale(0.5666666666);  很多人都知道是这俩样式可以解决，在这里我要特别强调这个样式只对块级元素有作用~

所以元素一定是块级元素  一定是块级元素，一定是块级元素，重要的事情要说三遍   转化为块的代码：display：block；