set 1rem = 10vw

// set 1rem = 10vw, 设置为1vw可能小于字体最小值, 导致无效
function set1RemAs10Vw(){
    // ios 9使用innerwidth, 要在meta viewport加上shrink-to-fit=no
    w = document.documentElement.clientWidth 
    if(w){ // ios iframe页面载入的时候innerWidth=0
        var ht = document.getElementsByTagName('html')[0]
        var newFontSize = w/10
        ht.style.fontSize = newFontSize + 'px'
        var realFontSize = parseInt(window.getComputedStyle(ht).getPropertyValue('font-size'))
        if(newFontSize != realFontSize){ // 处理android浏览器设置根的字体大小的bug
            ht.style.fontSize = newFontSize /(realFontSize/newFontSize) + 'px'
        }
    }
}
set1RemAs10Vw()
window.addEventListener("resize", function(){
    set1RemAs10Vw()
});


你可能感兴趣的:(set 1rem = 10vw)