移动端自适应之rem布局

版权声明：转载-复用,请联系博主微信:qiang510939237 https://blog.csdn.net/qiang510939237/article/details/89077711

页面最大宽度 750px

html{
    font-size:75px;
}
img{
    width:1rem;
    height:1rem;
}

// js方式,动态调整布局

function setRem() {
    //获取屏幕的宽度
    var w = window.innerWidth;
    if (w > 750) {
        w = 750;
    }
    if (w < 320) {
        w = 320;
    }
    document.documentElement.style.fontSize = w / 10 + 'px';
}
setRem();

//当前屏幕宽度变化时，动态设置rem的大小
window.onresize = function () {
    setRem(); 
}