chrome瀏覽器下10號字體

在某些chrome瀏覽器下,css裏設置的10號字體竟然不起作用!仍顯示12號大小,對比firefox、ie6、7、8、9,他們的顯示都是好的。要是你也碰到這問題,可以這樣解決:

1
-webkit-text-size-adjust: none;

在css里加上這一句就可以。
如你的樣式是這樣寫的:

1
2
3
4
.copyright{
    font-size:10px;
    background-color:#eee;
}

給copyright加上-webkit-text-size-adjust就可以了:

1
2
3
4
5
.copyright{
    font-size:10px;
    background-color:#eee;
    -webkit-text-size-adjust: none;
}

需要注意的是,添加了-webkit-text-size-adjust後,這個樣式所定義的那些元素,在瀏覽器縮放頁面時,他們的字體大小就不會跟着放大縮小了,所以不建議把-webkit-text-size-adjust寫在body的定義裏。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章