移動端自適應(yīng)解決方案 h5移動端字體大小怎么隨著頁面大小變化而變化?
h5移動端字體大小怎么隨著頁面大小變化而變化?手機的響應(yīng)式布局就是獲取屏幕大小,在某個區(qū)域使用一種CSS,在另一個區(qū)域使用另一種CSS。您需要使用@media來編寫CSS的多個副本。不能隨屏幕改變。那
h5移動端字體大小怎么隨著頁面大小變化而變化?
手機的響應(yīng)式布局就是獲取屏幕大小,在某個區(qū)域使用一種CSS,在另一個區(qū)域使用另一種CSS。您需要使用@media來編寫CSS的多個副本。不能隨屏幕改變。
那么如何解決水平和垂直屏幕時頁面內(nèi)容字體大小的問題呢?
這里我們將使用CSS的屬性值:text size adjust:none
body{-WebKit text size adjust:100%-Moz text size adjust:100%-MS text size adjust:100%text size adjust:100%}
set attribute:text size adjust:100%此屬性值可用于設(shè)置移動設(shè)備和移動設(shè)備上的水平和垂直屏幕字體更改,但必須設(shè)置為100%。不能設(shè)置為無,否則WebKit瀏覽器無法放大文本大小,嚴重影響可用性。
在需要時設(shè)置此屬性。如果在全文中需要,請在正文中設(shè)置屬性值。