rem布局使用方法

下面的**一是我根據rem的使用經驗，自己寫的乙個rem.js，發現很好用，能適用所有移動端h5頁面的自適應需求：

**一：

window.onload = function();
window.onresize = function();
function getrem(pwidth,prem)

下面的**二，是小公尺的移動端h5頁面自適應**，也可以使用：

**二：小公尺官網的寫法

!function(n);
e.addeventlistener&&(n.addeventlistener(o,a,!1),e.addeventlistener("domcontentloaded",a,!1))
}(window);

看這兩個函式，把這些**放到js裡面，規則就是，呼叫函式，放兩個引數，第乙個引數，是設計稿的寬度，第二個引數是px與rem的轉換比例，通常會寫100（因為好算）；當然了，要把這段js**最好封裝在乙個單獨的js檔案裡，並且放在所有的css檔案引入之前載入。

實際應用起來就是，#box1而呼叫了rem就是#box1以此類推。 100px = 1rem . 1px = 0.01rem。在頁面中，凡是跟尺寸有關的padding、margin、width、height等等，都可以用rem來寫單位，這樣當不同解析度的手機在看同乙個頁面時，效果幾乎是一樣的。