瀏覽器兼容之Chrome瀏覽器： -webkit-text-size-adjust: none;

今天在看demo的時候css樣式裏面發現的 -webkit-text-size-adjust: none; 度娘之後，瞭解這段樣式的做用是：解決Chrome瀏覽器裏面，設置小於12px的字體大小問題。

 

例子以下：

　　p1 {

　　　　font-size: 11px;

　　};

　　p2 {

　　　　font-size: 12px;

　　}

當用Chrome瀏覽器打開的時候，兩個段落的字體大小是同樣大的。這是由於Chrome瀏覽器會把字體大小小於12px的字體默認修改爲12px，因此纔會出現p一、p2段落字體大小同樣的狀況。

只有在p1的樣式修改爲下面這樣就能夠解決這個問題：

代碼以下：

　　p1 {

　　　　font-size: 11px;

　　　　-webkit-text-size-adjust: none;

　　}

轉自：-webkit-text-size-adjust: none; 解決 Chrome 瀏覽器中設置小於 12px 的字體大小問題