rem(手机端布局)

//------根据屏幕设置字体大小,设置rem---------------
function reSize(){
(function(doc, win) {
var docEl = doc.documentElement;
resizeEvt = ‘orientationchange’ in win ? ‘orientationchange’ : ‘resize’;
var recalc = function() {
var dpr = 1;
var pxPerRem = document.documentElement.clientWidth * dpr / 10;
if(pxPerRem>100){
docEl.style.fontSize = 75 + ‘px’;
}else{
docEl.style.fontSize = pxPerRem + ‘px’;
}
};
if(!doc.addEventListener) return;
win.addEventListener(resizeEvt, recalc, false);
doc.addEventListener(‘DOMContentLoaded’, recalc, false);
})(document, window);
}
reSize();

注意:使用是需要在编辑器下载对应的cssrem插件,需要设置初始值font-size:75px
本人使用的是vscode。

猜你喜欢

转载自blog.csdn.net/qq_35867544/article/details/86534146