前言
现在好多的适配移动端H5的包,其原理就是用JS动态计算font-size,于是就动手试一试🙈
➡️直接上代码(亲测有效,快来试一试🤓)
function windowSize(){
let baseFontSize = 10;
let baseWidth = 375;//(设计图像素)
let clientWidth = document.documentElement.clientWidth || window.innerWidth;
let rem = 100;
rem = Math.floor(clientWidth / baseWidth * baseFontSize);
document.querySelector('html').style.fontSize = rem + 'px';
}
windowSize()
window.onresize = windowSize