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

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

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

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

原文地址:https://www.cnblogs.com/qdmaomao/p/4792404.html