rem 适配js代码

  • 与750px的设计稿进行匹对,根据手机屏幕大小进行动态设置根元素
function remAdapt(){//自适应引入,元素单位用rem

  (function () {

    var b = document.documentElement,

    a = function () {

    var a = b.getBoundingClientRect().width;

    b.style.fontSize = (100/750) * (a >= 750 ? 750 : a) + "px"

    },

    c = null;

    window.addEventListener("resize", function () {

    clearTimeout(c);

    c = setTimeout(a, 300)

    });

    a();

})();



;// }// window.addEventListener("load", remAdapt);
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容