移動(dòng)端自適應(yīng)解決方案 h5移動(dòng)端字體大小怎么隨著頁(yè)面大小變化而變化?
h5移動(dòng)端字體大小怎么隨著頁(yè)面大小變化而變化?手機(jī)的響應(yīng)式布局就是獲取屏幕大小,在某個(gè)區(qū)域使用一種CSS,在另一個(gè)區(qū)域使用另一種CSS。您需要使用@media來(lái)編寫CSS的多個(gè)副本。不能隨屏幕改變。那
h5移動(dòng)端字體大小怎么隨著頁(yè)面大小變化而變化?
手機(jī)的響應(yīng)式布局就是獲取屏幕大小,在某個(gè)區(qū)域使用一種CSS,在另一個(gè)區(qū)域使用另一種CSS。您需要使用@media來(lái)編寫CSS的多個(gè)副本。不能隨屏幕改變。
那么如何解決水平和垂直屏幕時(shí)頁(yè)面內(nèi)容字體大小的問(wèn)題呢?
這里我們將使用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è)置移動(dòng)設(shè)備和移動(dòng)設(shè)備上的水平和垂直屏幕字體更改,但必須設(shè)置為100%。不能設(shè)置為無(wú),否則WebKit瀏覽器無(wú)法放大文本大小,嚴(yán)重影響可用性。
在需要時(shí)設(shè)置此屬性。如果在全文中需要,請(qǐng)?jiān)谡闹性O(shè)置屬性值。