自适应布局rem的使用

最新推荐文章于 2024-04-29 11:17:53 发布

young63

最新推荐文章于 2024-04-29 11:17:53 发布

阅读量95

点赞数

文章标签： js

本文链接：https://blog.csdn.net/young63/article/details/105256937

版权

js文件

(function() {
    var designW = 2048; //设计稿宽（2048px）
    var font_rate = 100;
    //适配
    document.getElementsByTagName("html")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
    document.getElementsByTagName("body")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";

    //监测窗口大小变化
    window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", function() {
        document.getElementsByTagName("html")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
        document.getElementsByTagName("body")[0].style.fontSize = document.body.offsetWidth / designW * font_rate + "px";
    }, false);
})();