補充乙個基本知識，不許笑，1rem等於html中設定的字型大小（px）
首先，html 的 head 部分中加入如下**：
initial-scale：初始縮放比例，即當瀏覽器第一次載入頁面時的縮放比例。值為 1.0 即原始尺寸。
maximum-scale：允許瀏覽者縮放到的最大比例，一般設為1.0，即原始尺寸。
minimum-scale：允許瀏覽者縮放到的最小比例，一般設為1.0，即原始尺寸。
user-scalable：瀏覽者是否可以手動縮放，yes 或 no 。
然後，引入這段原生js**
(function (doc, win) ;
if(clientwidth==375)else
};if (!doc.addeventlistener) ;
win.addeventlistener(resizeevt, recalc, false);
doc.addeventlistener('domcontentloaded', recalc, false);
})(document, window);
這是rem布局的核心**，這段**的大意是：
如果頁面的寬度等於了375px（iphone6/6s），那麼頁面中html的font-size恒為10px，此時1rem=10px,如果乙個div寬度是200px,既可以設為20rem。否則，頁面中html的font-size的大小為： 10 * (當前頁面寬度 /375)
知識點拓展解析：
1.orientationchange 事件是在使用者水平或者垂直翻轉裝置（即方向發生變化）時觸發的事件。
2.documentelement 屬性以乙個元素物件返回乙個文件的文件元素。html 文件返回物件為html元素。
3.document 物件,當瀏覽器載入 html 文件, 它就會成為 document 物件。
document 物件是html文件的根節點與所有其他節點（元素節點，文字節點，屬性節點, 注釋節點）。
document 物件使我們可以從指令碼中對 html 頁面中的所有元素進行訪問。
4.事件domcontentloaded,當初始html文件被完全載入和解析時，domcontentloaded 事件被觸發，而無需等待樣式表、影象和子框架完成載入。另乙個不同的事件load應該僅用於檢測乙個完全載入的頁面。
dom文件載入的步驟為
解析html結構。
載入外部指令碼和樣式表檔案。
解析並執行指令碼**。
dom樹構建完成。//domcontentloaded
載入等外部檔案。
頁面載入完畢。//load
在第4步，會觸發domcontentloaded事件。在第6步，觸發load事件。
rem自適應布局 移動端自適應必備
由於移動端特殊性，本文講的是如何使用rem 實現自適應 或叫rem 響應式布局，通過使用乙個指令碼就可以rem自適應 rem是相對於根元素 這樣就意味著，我們只需要在根元素確定乙個px字型大小，則可以來算出元素的寬高。1rem 16px 瀏覽器html的畫素，可以設定這個基準值 假如瀏覽器的html...
移動端自適應方案 rem布局
1 什麼是rem rem font size of the root element 是乙個相對單位，它是根據根元素 html 的font size大小來計算的，如根元素字型大小為10px，那麼1rem 10px em font size of the element 也是乙個相對單位，它是根據父元...
移動端自適應與rem
提到移動端適配，小夥伴們都會想到rem布局，那麼rem是什麼呢？我們有為什麼要使用rem呢?下面我們就來討論一下。rem是相對於根元素 也就是說到rem又不免想到em。那麼他們之間有什麼血緣關係嗎？是的，他們可能是兄弟 父子，也可能是爺孫關係。它們之間的區別在於，rem依賴於根元素,而em是依賴於父...