在做移動端開發的時候大家肯定會遇到適配問題，手機的螢幕大小有非常多的類別，使用傳統的px距離單位已經無法滿足我們的需要，於是rem便橫空出世，他與百分比定位是比較像的，但是也是有一定的區別，在這裡就跟大家分享一下rem的使用方法。
rem是乙個相對單位，他的大小是可以根據你的計算來定的，比如說在我的移動端網頁中rem與px的換算規則如下：
1rem= 100px
在ui給我的設計稿中是以750px的寬度為標準設計的，於是在我的移動端網頁中就以750px為標準規定rem的換算規則，請看以下**：
(function(doc, win) else
/** 100 -> html,body
* 750 -> 此處以 iphone6 兩倍設計稿 寬度750px 布局頁面
* 根據具體情況改變這兩個數值
*/};
if (!doc.addeventlistener) return;
win.addeventlistener(resizeevt, recalc, false);
doc.addeventlistener("domcontentloaded", recalc, false);
})(document, window);
移動端 單位 rem
rem是指相對於根元素的字型大小的單位 相對單位 rem和em的區別，em相對于父元素的字型大小的單位。rem相對於根元素html字型大小計算，px是乙個絕對的單位。所以rem可以實現強大的螢幕適配布局 例如 html btn 那麼.btn的寬度為120px 高度為60px 所以在做移動端適配的時候...
移動端適配rem單位
1.rem單位 描述 rem是css中的乙個尺寸單位，和px，em等單位一樣，都是用來設定大小的。rem代表的含義為 是html的字型大小的多少倍 語法 document.documentelement.style.fontsize document.documentelement.clientwi...
移動端rem使用
1 移動端設計圖750時，html font size 50px。使用方法 1 新增viewport。2 在頁面最裡面引入該段js 建議在head裡面引入 3 css 的編寫，設計圖為750px時，頁面標註大小除以100即可，例如 設計圖標註的是，寬300px,高300px。使用rem就是，widt...