讓Chrome支持小于12px 的文字方式有哪些逐纬？區(qū)別蛔屹？
谷歌瀏覽器Chrome是Webkit的內核，有一個[ -webkit-text-size-adjust ]的私有 CSS 屬性豁生，通過它即可實現字體大小不隨終端設備或瀏覽器影響
CSS樣式定義如下：
-webkit-text-size-adjust:none;
但是在最新版的谷歌里兔毒。已經不在支持這個屬性啦，需要通過css3的transform來解決甸箱，方法如下：
css部分
body,p{ margin:0; padding:0;}
p{font-size:10px;}
span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block;}
html布局
<p><span id="span1">我是一個小于12PX的字體</span></p>
解釋：
1.//0.8位縮放倍數育叁，具體自己根據實際需求修改，只能縮放可以定義寬高的元素芍殖，而span是行內元素豪嗽，
{webkit-transform:scale(0.8); display:inline-block}
為什么定義 display:inline-block而不是 display:block？轉為block就獨占一行啦围小，所以轉換為inline-block
{-o-transform:scale(1);}
opera現在最新版也是webkit內核昵骤，新版本的opera，本來就是10px的字體了肯适。
