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

最新推荐文章于 2024-08-05 12:24:45 发布

雨中来客

最新推荐文章于 2024-08-05 12:24:45 发布

阅读量448

点赞数

分类专栏： WEB前端开发文章标签： web前端

本文链接：https://blog.csdn.net/yuxipro/article/details/84098408

版权

WEB前端开发专栏收录该内容

2 篇文章 0 订阅

订阅专栏

手机网页制作之自适应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();