rem.js移动端网页开发
!(function(doc, win) {
var docEle = doc.documentElement,
evt = “onorientationchange” in window ? “orientationchange” : “resize”,
fn = function() {
var width = docEle.clientWidth;
width = width < 320 ? 320 : width;
width = width > 1500 ? 1500 : width;
width && (docEle.style.fontSize = 100 * (width / 1500) + “px”);
};
win.addEventListener(evt, fn, false);
doc.addEventListener(“DOMContentLoaded”, fn, false);
}(document, window));
以上代码的意思就是在屏幕小于等于320的情况下,一个rem的长度是320/15px;
在屏幕像素大于等于1500的情况下,一个rem的长度是1500/15px;
一般在iphone下,一个rem是25px;