rem布局代码

最新推荐文章于 2022-12-21 18:49:47 发布

qq_45505241

最新推荐文章于 2022-12-21 18:49:47 发布

阅读量164

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/qq_45505241/article/details/114841591

版权

vue 专栏收录该内容

21 篇文章 0 订阅

订阅专栏

// rem布局
// 在vue的main.js中引入
(function (designWidth, maxWidth) {
    var width = document.documentElement.getBoundingClientRect().width;
    maxWidth = maxWidth || 540;//限制在540的屏幕下，这样100%就跟10rem不一样了
    width > maxWidth && (width = maxWidth);
    var rem = width * 16 / designWidth; // 1rem就相当于16px
    document.getElementsByTagName('html')[0].style['font-size'] = rem + 'px';  
})(750, 750);