px转rem

chenphoenix

于 2020-01-13 15:56:32 发布

阅读量222

点赞数

CC 4.0 BY-SA版权

文章标签： js

本文链接：https://blog.youkuaiyun.com/chenphoenix/article/details/103959358

function mobile() {
        var size = 100, //规定rem与px之间值的转换
            maxWidth = 750; //设置基准宽度。
        ratio = function() {
            var r = document.documentElement.clientWidth / maxWidth;
            return r >= 1 ? 1 : r <= 0.234 ? 0.234 : r;
        };
        set = function() {
            document.documentElement.style.fontSize = ratio() * size + 'px';
        }();
        window.onresize = mobile;
    }
    mobile();