[手机web]手机网页制作之自适应rem

版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/yuxipro/article/details/84098408

手机网页制作之自适应rem

function setResize() {
    var doc = document,
            win = window;
    var docEl = doc.documentElement,
            con = doc.getElementById("container"),
            resizeEvt = 'orientationchange' in window ? 'orientationchange'
            : 'resize',
            recalc = function() {
                var clientWidth = con.clientWidth;
                if (!clientWidth) return;
                docEl.style.fontSize = 100 * (clientWidth / 750) + 'px';
                document.body.style.visibility = "visible"
            } 
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt, recalc, false);
    doc.addEventListener('DOMContentLoaded', recalc, false);         
}
setResize();