前言：在移動端進行頁面布局的時候，使用rem元素，可以適應不同手機螢幕尺寸下的情況，進行適配。寫乙個rem.js檔案引入，樣式中涉及高度、尺寸、字型大小等單位時，直接使用rem即可，簡單方便快捷。
一、rem.js**
(function (doc, win) else
};if (!doc.addeventlistener) return;
win.addeventlistener(resizeevt, recalc, false);
doc.addeventlistener('domcontentloaded', recalc, false);
})(document, window);
全店商品
.goods_wrap_title響應式布局**，如何實現web端與移動端的適配，多份設計稿，如何設定根元素font-size？
一般來說，設計師會提供兩份設計稿，乙份web端，乙份移動端。也就是需要根據螢幕寬度動態設定html的font-size。
這裡只是很簡單的查詢螢幕寬度和使用乙個if語句，一般認定螢幕寬度小於750px的移動端，反之為web端。
當然有更好的適配方法，但這個肯定是最簡單的。
(function () , false);
} else , false);
} })();
rem.js
//例如：設計稿為375，最大寬度為750，則為（375,750）參考部落格：響應式**的實現過程及rem的動態計算
移動端頁面適配，rem布局
移動端頁面適配 em 根據元素自身的字型大小來計算自己的尺寸 rem root em 根據根節點 html 的字型大小來計算自己的尺寸 適配 各個移動裝置，解析度大小不一致，使我們的頁面在各種解析度下都顯示完好 等比的縮放 根據螢幕的解析度 動態的設定html的字型大小，來達到頁面等比縮放的功能 注...
移動端rem布局
時隔半年，再次回顧移動端開發，感覺自己又張知識了 我們平常用的較多的單位是px,百分比，rem,em,vw,vh，但是在移動端用的比較多的還是rem，但是他在用的過程中要注意什麼呢，怎麼用呢，下面就開始啦。他是乙個度量單位，可以用他作為高寬，字型的單位。他以html中設定font size的大小為基...
rem移動端布局
1 rem是css3新增的相對長度單位，是指相對於根元素html的font size計算值的大小。簡單可理解為螢幕寬度的百分比。2 什麼是dpr?dpr是螢幕畫素密碼比 計算 dpr 液晶螢幕px尺寸 物理尺寸 量多少就是多少 常用的dpr有 dpr 2，dpr 3 window.devicepix...