自定义rem的大小

187 阅读1分钟

设置如下:

/**
*'orientationchange' in window ? 'orientationchange' : 'resize'
*上边这句的意思是判断是屏幕尺寸改变还是屏幕旋转。
*这里设置的大小为20px;(1rem=20px;基于iphone5的尺寸)
*即最小宽度为320px
**/

window.addEventListener('orientationchange' in window ? 'orientationchange' : 'resize',function(){
    if(document.documentElement.clientWidth <= 1024){
        document.documentElement.style.fontSize = document.documentElement.clientWidth/640*40+ 'px';
    }else{
        document.documentElement.style.fontSize = "20px";
    }
});