问题:有时候设计图上会有小于12px的文字,css的font-size小于12的时候在IE上是正常显示的,但在Chrome里面显示仍然是12px,
解决办法:就是利用css3的transiform缩放属性
.text-font{
font-size: 6px; /** IE **/
-webkit-transform: scale(0.5); /** Chrome解决方法 **/
}
这样在Chrome上就可以显示小于12px的字了,需要注意的是文字必须单独用标签包含,如果你的标签内除了文字还有其他内容,比如文字和图片在一个div里面,那么图片和文字都会缩放。