4、让Chrome支持小于12px 的文字

[leoyaojy]

Chrome浏览器默认最小字体是12px，不管你设置成8px还是10px，在浏览器中只会显示12px，以前可以通过-webkit-text-size-adjust:none进行设置。但是在Chrome27版本中正式取消了这一属性，因为此属性会使得基于webkit内核的浏览器失去调节能力，对于有视觉障碍的浏览者非常不友好（尤其是移动终端） 现在可以使用如下方式，利用CSS3的缩放功能

<style>
body{
    font-size:12px;
}
p span{
    font-size:9px;
    -webkit-transform:scale(0.75);
    display:inline-block;
}
</style>
<p>
    <span>我是10px字号</span>
</p>