谷歌瀏覽器Chrome是Webkit的內核，有一個 -webkit-text-size-adjust 的私有 CSS 屬性，通過它即可實現字體大小不隨終端設備或瀏覽器影響。
CSS樣式定義如下：
-webkit-text-size-adjust:none;

但是在最新版的谷歌里。已經不在支持這個屬性啦，需要通過css3的transform來解決，方法如下：

?

css部分	html布局
body,p{ margin:0; padding:0;} p{font-size:10px;} span{-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block;}	<p><span id="span1">我是一個小于12PX的字體</span></p>

解釋：

1.{webkit-transform:scale(0.8);??display:inline-block}??//0.8位縮放倍數，具體自己根據實際需求修改，只能縮放可以定義寬高的元素，而span是行內元素，

為什么定義?display:inline-block而不是?display:block？轉為block就獨占一行啦，所以轉換為inline-block

2.{-o-transform:scale(1);}opera現在最新版也是webkit內核，新版本的opera，本來就是10px的字體了。

?

?

?

?

?

作者：smile.轉角

QQ：493177502

轉載于:https://www.cnblogs.com/websmile/p/5136473.html

總結

以上是生活随笔為你收集整理的【css】怎么让Chrome支持小于12px 的文字的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。