根据设备width(375)动态设置font-size

根据html的font-size使用rem来优化移动端页面

(function () {
    var w = window,
        d = document.documentElement,
        t;
    var refreshRem = function () {
        var c = d.clientWidth;
        if (!c) {
            return;
        }
        var z = 100 * (c / 375);
        z = z >= 144 ? 144 : z;
        d.style.fontSize = z + "px";
    };
    w.addEventListener("resize", function () {
        t && clearTimeout(t);
        t = setTimeout(refreshRem, 300);
    }, false);
    w.addEventListener("pageshow", function (p) {
        if(p.persisted) { // 页面是否有缓存
            t && clearTimeout(t);
            t = setTimeout(refreshRem, 300);
        }
    }, false);
    refreshRem();
})();
posted @ 2019-01-29 15:03  歆轶  阅读(367)  评论(0编辑  收藏  举报