移動端布局和PC端布局相差很多再愈，因?yàn)橐紤]用戶體驗(yàn)流暢等原因，移動端所用的樣式越簡潔越好护戳，所需的樣式也不多翎冲。這次就簡單扯一扯如何移動端布局。
1媳荒、單位的選擇
css單位有3種：
px：絕對單位
em：相對父元素的單位
rem：相對根元素（頁面的html）的單位
在選擇單位上抗悍，目前的常見單位有px驹饺，em，百分比缴渊，rem赏壹。前3種都比較常見，最后一種是CSS3的布局單位衔沼，它是基于整個(gè)頁面設(shè)定的單位蝌借，em是相對于父元素本身，當(dāng)字體本身發(fā)生變化指蚁，em就會發(fā)生變化菩佑，這樣就會有許多問題。而rem是相對于整個(gè)頁面的單位凝化，即使內(nèi)部再變化稍坯，rem的單位也是統(tǒng)一的。所以移動端布局我們選擇的單位優(yōu)先選擇rem搓劫。
2瞧哟、使用方法
我們用一下js，RT我們正常的頁面是640的糟把，除16后绢涡，rem的數(shù)值為40，我個(gè)人比較推薦40因?yàn)檫@個(gè)數(shù)值整數(shù)較多遣疯，而且也處于比較中間的位置雄可，rem的數(shù)值相對于頁面過小多大都會有影響，如果對基礎(chǔ)不是很了解的可以看一下這位小伙伴的文章http://www.reibang.com/p/b00cd3506782
引入后缠犀，我們就可以直接計(jì)算了数苫，例如整個(gè)頁面的寬度是640px我們轉(zhuǎn)換后就是，16rem辨液。
3虐急、默認(rèn)樣式的清除
以上，只要我們涉及到曾經(jīng)用px的部分我們就可以用rem來代替滔迈，同時(shí)百分比在這里面也是可以用的止吁，剩下就靠耐心，畢竟遇到某些算數(shù)真的是要費(fèi)腦子的燎悍。
