PC端设置rem响应式布局rem单位重置:
function resetFontSize(){
//获取屏幕宽度
let windowW = document.documentElement.offsetWidth;
//以1920px作为参考
let scale = windowW/1920;
lei newSize = 16*scale;
document.getElementsByTagName("html")[0].style.fontSize = newSize + "px";
}
// 当浏览器大小发生变化更新
window.addEventListener("resize",function(){
resetFontSize();
})
//初始化也要调用一次
resetFontSize();
visualCode的个人设置改为:"px-to-rem.px-per-rem": 16
移动端:
!function(){
let html = document.getElementByTagName("html")[0];
window.addEventListener("resize",function(){
setHtmlFont();
})
function setHtmlFont(){
let width = window.screen.width;
if(width>=720){
width = 720;
}
if(width<=320){
width = 320;
}
html.style.fontSize = width / 720*200 + "px";
setHtmlFont();
}
}
visualCode的个人设置改为:"px-to-rem.px-per-rem": 200