app rem布局

mac2025-10-24  7

rem.js

存!!

//定义设计稿尺寸 const designWidth = 750; //定义根节点字体大小 const fontSize = 100; function resizeFont(){ //获取当前html的大小 var W = document.documentElement.clientWidth; // console.log(W); //设置比例 var ratio = W / designWidth; // console.log(ratio); //每次页面变化重新赋值 var newFontSize = ratio < 1?fontSize*ratio:100; // console.log(newFontSize) document.querySelector("html").style.fontSize = newFontSize + "px"; } resizeFont(); window.onresize = resizeFont; window.addEventListener("orientation", resizeFont, false);
最新回复(0)