1.自定义组件
//根据分辨率缩放
// bodyScale();
function bodyScale() {
console.log(window.screen.width)
let devicewidth = document.documentElement.clientWidth; //获取当前分辨率下的可是区域宽度
let scale = devicewidth / 1920; // 分母——设计稿的尺寸
document.body.style.zoom = scale; //放大缩小相应倍数
}
export {
bodyScale
}
// 浏览器显示比例改变
// window.addEventListener('resize', bodyScale, true);
2.在页面导入插件并在|create中监听事件
created() {
//页面自适应
bodyScale()
window.addEventListener('resize', bodyScale, true)
}