用rem和px做單位哎移動端的文字適配問題

weixin_33866037發表於2018-01-26

以rem作為字型單位:我們可以讓頁面整體的文字,也跟隨著html的font-size來進行改變,這樣,在不同的螢幕下,可以做到文字相對螢幕的比例是一樣的。

以px作為字型單位: 這個是目前很多網站還是依然採用的方法。因為以上面所寫的,以rem作為字型單位。無論在任何螢幕下面,我們的文字都會根據螢幕做一個適應。試想這樣一個場景。你買了一個大屏手機(5.7寸的),而別人用的是4寸的手機。以rem作為字型單位的話,那大屏手機看到的文字多少和小屏手機確實一樣的了。這樣來做,其實並不符合我們買大屏手機的期待。同時,以rem作為字型單位,可能會導致出現很多奇怪的字型大小(畢竟是根據html的font-size動態變化的嘛),同時這其中還涉及到了一個點陣尺寸的概念,這個在下面來講。

相關文章