该篇文章介绍了如何在前端页面中使用`mounted`生命周期钩子监听窗口大小变化，通过计算设备宽度与设计稿尺寸的比例，动态调整页面元素的`zoom`属性实现等比例缩放，以实现前端页面的自适应布局。
mounted() {
// 监听页面的窗口的变化，每次窗口变化调用等比例缩放方法
window.addEventListener("resize", this.bodyScale, false);
},
methods: {
// 页面等比例缩放的方法
bodyScale() {
var deviceWidth = document.documentElement.clientWidth; //获取当前分辨率下的可是区域宽度
var scale = deviceWidth / 1920; // 分母——设计稿的尺寸
document.documentElement.style.zoom = scale; //放大缩小相应倍数
},
}
文章来源：
1194
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
