TA貢獻(xiàn)1820條經(jīng)驗 獲得超2個贊
這么個場景：你按照UI圖750*1334切圖，二倍圖iphone6中寬度剛好750/2=350px.那么問題來了，在iphone5中屏幕寬度實際是320px的，你不能讓移動端出現(xiàn)橫向滾動條吧..rem就是根據(jù)320px、350px...之類設(shè)備屏幕尺寸，動態(tài)計算合適的px尺寸。
TA貢獻(xiàn)1898條經(jīng)驗 獲得超8個贊
手機布局面臨的問題是屏幕大小不一致的手機需要顯示網(wǎng)頁的布局是一致的,也就是等比例縮放的.就像你在chorme調(diào)試移動端等比例縮放一樣px是絕對單位rem是相對單位.當(dāng)然嚴(yán)格意義說px也是相對單位.暫且當(dāng)他是絕對單位.絕對單位無法做到等比例縮放.比如你身高2米.你跑到美國也是身高2米.你的身高并不會因為國家的大小而改變;這就是px;也就是你在小屏幕手機用px開發(fā)好.但是到了大屏手機顯示兩邊就有空白區(qū)域了.你用px開發(fā)大屏手機.然后在小屏看,也就有橫向滾動條了.當(dāng)然通過技術(shù)手段也可以搞定.但是不完美.rem的強大之處在于它是動態(tài)調(diào)節(jié)的.1rem在大屏和小屏的長度是不一樣的.它是相對單位.也就是你跑到俄羅斯后,發(fā)現(xiàn)自己長高了.你跑到日本后,為了適應(yīng)這個小國家,身高又變矮了.rem的牛x之處在于,字體還可以等比例放大縮小.這是很厲害的.總之,rem解決我們移動端開發(fā)的難題.如果還是不太懂,那就先開發(fā)吧.先放一放.工作最重要嘛.慢慢就懂了.
舉報