css字型大小相容性問題

針對低版本chrome谷歌浏覽器設定一個校準字型大小樣式：

-webkit-text-size-adjust:none (已經不能使用了)

需要使用：

-webkit-transform:scale(0.8);      

— —對指定的标簽進行縮放，比如，上述代碼的意思就是，對div及其子元素（包括文本，也就包括字号）的高度（Y）放小到80%。類似的，寬度放縮：scaleX(pre),整體放縮scale(pre)。

span{
    display:inline-block;
    -webkit-transform:scale(0.8);
    font-size: 10px;
}      

将會出現很大的留白，怎麼卻掉這個留白呢？

兩條鐵律：

margin-top:-12px;
padding-bottom:-12px;      

使用marin的負值，可以向指定方向移動外邊距，即元素整體；

使用padding的負值，可以向指定的方向移動内邊距，即撐大元素體；