vue组件重置rem的size
2019-02-20 本文已影响0人
焦糖大瓜子
export default {
name: 'ranking-list',
data(){
return {
clientWidth: document.body.clientWidth
};
},
created() {
let html = document.documentElement;
html.style.fontSize = 100 * (html.clientWidth / 750) + 'px';
},
mounted(){
this.clientWidth = document.body.clientHeight;
// 监听 window 的 resize 事件.在浏览器窗口变化时再设置下区域高度.
window.onresize = () => {
this.clientWidth = document.body.clientHeight;
let html = document.documentElement;
html.style.fontSize = 100 * (html.clientWidth / 750) + 'px';
};
},
}