使用rem佈局

在前端開發中，若是要對移動端的項目進行適配，能夠了解一個插件，叫 hotcss.js，能夠解決在不一樣大小的屏幕上最優顯示

另一種適配，也就是rem

與 em相同的是它們都是使用元素設定字體大小，不一樣的是 em是根據父級元素設置大小。而 rem在根據指定 html根元素的字符大小而定的，從IE6到Chrome中，默認根元素的 font-size都是 16px的。若是想要設置 12px的字體大小也就是 12px/16px = 0.75rem。

• 因爲px是相對固定單位，字號大寫直接被定死，沒法隨着瀏覽器進行縮放。
• em和rem都是相對單位，em是相對於其父元素的font-size，頁面層級越深，em換算越複雜，麻煩。
• rem直接相對於根元素html，避開層級關係，移動端新型瀏覽器對其支持較好。

使用

1，在header裏設置meta

 <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0"/>

2.在js中設置跟節點的大小

doument.doumentElement.style.fontSize = doument.doumentElement.clientWidth / 640 * 100 + 'px'

這樣使用1rem.就能夠隨着屏幕大小的變化而變化了