對於很多新同學來說，rem還是比較熟悉而又陌生的， 熟悉呢是因為rem時常出現在耳邊，陌生呢是因為又搞不清原理。
今天咱們一起來弄清楚rem到底是怎麼一回事！
原理：css3規定：1rem的大小就是根元素的font-size的值。
通過設定 根元素的font-size的大小，來控制整個html文件內的字型大小、元素寬高、內外邊距等，
根據移動裝置的寬度大小來實現自適應，不同的裝置都展示一致的頁面效果。
rem布局簡單分析 分三步：
第一步：前端開發者首先拿到ui設計原型稿的寬度，如 320px 或者640px或者750px;
第二部：增加指令碼
以640px設計稿為例：
第三步：css檔案中記得都使用rem單位。 關鍵點：字型大小，元素寬高，內外邊距一定是根據設計稿測量得來的。對 是設計稿！ 舉例是640px寬的設計稿，
rem自適應布局用法
原理 css3規定 1rem的大小就是根元素的font size的值。通過設定根元素的font size的大小來控制整個html文件內的文字大小 元素寬高 內外邊距等。根據移動裝置的寬度大小來實現適應，不同的裝置都展示一致的頁面效果。分為三步 一 拿到ui設計原型稿的寬高，如320px 640px ...
Rem 自適應布局
1.先引入一下js,到頭部的script標籤的最前面。2.根據設計稿大小，調整裡面的最後兩個引數值。3.使用1 rem 100px轉換你的設計稿的畫素，例如設計稿上某個塊是100px 300px,換算成 rem則為1 rem 3rem。上面的 如果在 uc瀏覽器下橫屏與豎屏轉換，發現 並沒有 自適應...
自適應rem布局
自適應處理 假設 function doc,win if doc.addeventlistener return win.addeventlistener resizeevt,recalc,false doc.addeventlistener domcontentloaded recalc,fals...