rem 布局

 

一、以根元素字号为100px;

js;

(function (doc, win) {
var docEl = doc.documentElement,
resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
recalc = function () {
var clientWidth = docEl.clientWidth;
if (!clientWidth) return;
if(clientWidth>=640){
docEl.style.fontSize = '100px';
}else{
docEl.style.fontSize = 100 * (clientWidth / 640) + 'px';
}
};

if (!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener('DOMContentLoaded', recalc, false);

})(document, window);

 

二以根元素字号为64px为准；

js;

// 页面字体

mobanFontAdapter();

function mobanFontAdapter() {
window.onresize = function() {
if (document.documentElement.clientWidth > 640) {
document.documentElement.style.fontSize = 64 + 'px';
} else {
document.documentElement.style.fontSize = document.documentElement.clientWidth
* 0.1 + 'px';
}
};
window.onresize();
}