Google Chrome竟然最小的字体是12px,而小于12px的数值,百分比之类的都不起左右,都是显示12px,这是一个由来已久的Chrome浏览器的问题,不知为何一直存在到现在,主要是其内核Webkit造成的。网上有很多解决的方法,类似有将浏览器语言调整至英文,或者修改Chrome本地设置。但这些解决方法都是治标不治本的。如果你和我一样是网页开发人员为了这个12px的问题头疼,但又不能控制用户的浏览器语言或者修改其本地设置。
-webkit-transform-origin-x: 0;-webkit-transform: scale(0.5666666666); 很多人都知道是这俩样式可以解决,在这里我要特别强调这个样式只对块级元素有作用~
所以元素一定是块级元素 一定是块级元素,一定是块级元素,重要的事情要说三遍 转化为块的代码:display:block;