常見的解決方案有：
- zoom
- -webkit-transform:scale()
- -webkit-text-size-adjust:none
Zoom
zoom 的字面意思是“變焦”，可以改變頁面上元素的尺寸，屬於真實尺寸
其支持的值類型有：
- zoom:50%，表示縮小到原來的一半
- zoom:0.5，表示縮小到原來的一半
使用 zoom 來”支持“ 12px 以下的字體
代碼如下：
<style type="text/css">
.span1{
font-size: 12px;
display: inline-block;
zoom: 0.8;
}
.span2{
display: inline-block;
font-size: 12px;
}
</style>
<body>
<span class="span1">測試10px</span>
<span class="span2">測試12px</span>
</body>
效果如下：
