最近接觸了h5頁面，其實它跟pc也沒有多大區別，主要是螢幕適配問題，其他基本上是一樣的。

適配移動端的話，可以用rem單位，媒體查詢，百分比佈局等等，可以結合使用也可以單獨使用。我做的兩個專案不是很複雜，就用了rem單位，這基本也夠用了。

1rem 等於 html的font-size. 所以我們動態獲取到螢幕的寬度做些運算賦值給html的font-size, 再我們頁面中所有css單位都用rem,這樣就可以做到頁面內容根據螢幕寬度變化而適應。程式碼如下：

//獲取螢幕寬度
var htmlWidth = document.documentElement.clientWidth || documnet.body.clientWidth ;
//更新html font-size
var htmlDom = document.getElementsByTagName('html')[0];
htmlDom.style.fontSize = htmlWidth/10 + 'px';
 

一般是把螢幕寬度除於10作為font-size值的，當然這個是自定義的。