new Vue({
router,
store,
render: h => h(App),
created () {
// 实例创建完成后被立即调用rem换算方法,解决内容闪现问题
setRemPc();
window.addEventListener('resize', setRemPc);//浏览器窗口大小改变时调用rem换算方法
}
}).$mount('#app')
//rem计算
function setRemPc () {
var whdef = 30 / 1920;// 表示1920的设计图,使用100PX的默认值
var bodyWidth = document.body.clientWidth;// 当前窗口的宽度
var rem = bodyWidth * whdef;// 以默认比例值乘以当前窗口宽度,得到该宽度下的相应FONT-SIZE值
document.getElementsByTagName('html')[0].style.fontSize = rem + 'px';
}
相关文章
- 03-27vue中使用rem的方式之一
- 03-27MFC编程中与编码方式有关的宏定义的使用
- 03-27vue中通过变量名的字符串,来获取变量并使用
- 03-27vue组件中,iview的modal组件爬坑--modal的显示与否应该是使用v-show
- 03-27Spring框架整合MyBatis框架-使用jndi的方式从服务器中获取datasource资源
- 03-27如何使用python以编程方式计算存档中的文件数
- 03-27VUE项目中使用this.$forceUpdate();解决页面v-for中修改item属性值后页面v-if不改变的问题
- 03-27[转]Vue中Vuex的详解与使用(简洁易懂的入门小实例)
- 03-27详解STL中关于bitset的使用方式
- 03-27Chrome浏览器中,xpath_helper插件的安装方法和使用方式。(内附安装包地址)