網頁字體縮放樣式:-webkit-text-size-adjust的用法

    在Normalize.css看到了-webkit-text-size-adjust,以前也沒有見過這個屬性,所以我就在網

上找了一點資料來記錄一下,以防忘記!


    中文版的chrome瀏覽器中的當將字體設置爲小於12px的時候,chrome瀏覽器往往不會顯示比

12px還要小的字,因爲該瀏覽器中默認的字體最小是12px,所以當你想設置爲10px的時候,該

瀏覽器頁面中還是會顯示的是12px的大小的。但是如果我們想要把它設置爲10px字體的話,我

們就可以利用這個屬性了。取消瀏覽器字體大小的限制:html{-webkit-text-size-adjust:none}
其實該瀏覽器的默認值出發點是好的,爲了防止字體太小而使用戶很難看清,但是也可能會有

開發者想要讓字體小一點的,所以我們也還是可以用這個屬性來設置的。


    但是用這個屬性,並且是放在html中或者是body中的,會導致頁面的縮放效果失效,而且當我

們想要放大整個頁面的時候,一般來說字體也應該是要放大的,但是就因爲我們使用了該屬性

,導致字體是不會隨着網頁的放大而變大的。


    通常來說我們都是想讓哪一個瀏覽器設置這個屬性就加上哪一個瀏覽器內核的前綴:
html{-webkit-text-size-adjust:none}

參考資料:www.aimks.com

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