码迷,mamicode.com
首页 > 其他好文 > 详细

vue部分页面重置rem比例

时间:2020-07-02 20:02:47      阅读:142      评论:0      收藏:0      [点我收藏+]

标签:color   client   col   span   htm   设置   新建   window   reset   

项目情况:

  mobile、pc在同一个项目中,希望mobile项目引入重置rem比例的文件

缺点:

  每个mobile的页面都需要引入、希望有大神知道怎么解决

1.新建rem.js文件

export function resetRem () {
   let html = document.documentElement;
   html.style.fontSize = 100 * (html.clientWidth / 750) + ‘px‘;
   // 监听 window 的 resize 事件.在浏览器窗口变化时再设置下区域高度.
   window.onresize = () => {
       let html = document.documentElement;
       html.style.fontSize = 100 * (html.clientWidth / 750) + ‘px‘;
   };
}

2.对应的mobile页面引入 并执行

import { resetRem } from ‘@/utils/rem‘
export default {
    name: ‘mFrame‘,
    created() {
        resetRem();
    },
}

 

vue部分页面重置rem比例

标签:color   client   col   span   htm   设置   新建   window   reset   

原文地址:https://www.cnblogs.com/Mr-Rshare/p/13226596.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!