css-解决Chrome支持小于12px的文字

xyc

      做项目中往往设计图会出现小于12px的字体，而谷歌默认最小的字体就是12px，下面就来说下谷歌下怎么实现小于12px的字体。

      解决方法：针对谷歌浏览器内核，加webkit前缀，用transform:scale()这个属性进行缩放！
      

[CSS] 纯文本查看 复制代码

p{
	font-size: 10px;
	-webkit-transform:scale(0.8);
}

      默认效果：
      

      加入样式之后效果：
      
       这样字体就很明显的小了，这样就解决了谷歌下小于12px字体实现。