根据屏幕尺寸计算rem

Posted 橙云生

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了根据屏幕尺寸计算rem相关的知识,希望对你有一定的参考价值。

!(function (doc, win) {
    var docEle = doc.documentElement,
        evt = "onorientationchange" in window ? "orientationchange" : "resize",
        fn = function () {
            var width = docEle.clientWidth;
            // width && (docEle.style.fontSize = 20 * (width / 375) + "px");
            width && (docEle.style.fontSize = 10*width / 75 + "px");
        };

    win.addEventListener(evt, fn, false);
    doc.addEventListener("DOMContentLoaded", fn, false);

}(document, window));

  

以上是关于根据屏幕尺寸计算rem的主要内容,如果未能解决你的问题,请参考以下文章

H5在移动端尺寸适配方案

H5屏幕适配小总结

H5屏幕适配小总结

使用动态rem方案适配不同屏幕尺寸

前端移动端rem页面怎么写js代码怎么写

rpx