fontresize 移动端的手机字体 大小设置

这段js 需要置于页面上端 也就是 需要先加载js然后加载页面 (这段js是原生js而且比较短小 基本对页面加载速度无影响)

FontResize : function(maxWidth){
(function() {
function o() {
document.documentElement.style.fontSize = (document.documentElement.clientWidth > maxWidth ? maxWidth: document.documentElement.clientWidth) / (maxWidth/200)+ "px";
}

var e = null;
window.addEventListener("resize", function() {
clearTimeout(e), e = setTimeout(o, 100)
}, !1), o()
})(window);
}

maxWidth 是传入进来的页面设计尺寸 ,一般的设计稿尺寸为750px  那么此时就传入750

然后html的字体大小是100px  这时候可以根据页面的px设置rem值 ,比如页面p 的字体大小为 18px 那么我们设立的值是 0.18rem

 

.