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

但是在最新版的谷歌里。已經(jīng)不在支持這個屬性啦，需要通過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位縮放倍數(shù)，具體自己根據(jù)實際需求修改，只能縮放可以定義寬高的元素，而span是行內(nèi)元素，

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

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

?

?

?

?

?

作者：smile.轉(zhuǎn)角

QQ：493177502

轉(zhuǎn)載于:https://www.cnblogs.com/websmile/p/5136473.html

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。