H5前端定义rem 字体大小绝对单位方法

function htRem() {
    var ww = document.documentElement.clientWidth;

    if (ww > 750) {

            ww = 750;

    }

    document.documentElement.style.fontSize = ww / 3.75 + "px";

}

htRem();

window.onresize = function () {

    htRem();

}

上边的公式，目前是公司使用的比较宽泛的一种，此公式是在 750 * 1334的画板下 2倍DPI的设计图，即 375 * 667的设计图，手写css尺寸和设计图比例尺寸为： 1rem == 100px；


若美工给图为750 * 1334 的 1倍DPI的设计图，比例尺则是 1rem == 200px；

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容