码迷,mamicode.com
首页 > 其他好文 > 详细

自定义rem适配

时间:2020-06-17 23:47:50      阅读:99      评论:0      收藏:0      [点我收藏+]

标签:width   document   屏幕宽度   获取   you   rem   标签   cli   window   

// 设计稿自定义为375px 利用测量的px大小除以50px 即可得到所需rem值
(function () {
    remLayout();
    function remLayout() {
        // 获取屏幕宽度
        var w = document.documentElement.clientWidth || document.body.clientWidth;
        w = w > 768 ? 768 : w;
        w = w <= 320 ? 320 : w;
        // document.documentElement 获取到的html标签
        document.documentElement.style.fontSize = w / 7.5 + ‘px‘;
    }
    // resize 监听页面变化
    window.addEventListener(‘resize‘, function () {
        remLayout();
    }, false);
})();

自定义rem适配

标签:width   document   屏幕宽度   获取   you   rem   标签   cli   window   

原文地址:https://www.cnblogs.com/wywd/p/13155191.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!