这几天一个项目中用到了zoom这个属性,在网上看了很多别的大佬写的博客,始终达不到自己的结果
没想到使用这个属性很简单,提前说这个火狐浏览器不支持这个属性,话不多说直接上代码
- 给rouver-view动态绑定zoom属性
<router-view :style="`zoom:${ww}`"></router-view>
- 在钩子函数中获取屏幕的实时宽度,然后你除以你做项目是的宽度,这个你要具体算
在data中
data() {
return {
ww: 0
}
},
钩子函数中
created() {
let windowWidth = document.documentElement.offsetWidth || document.body.offsetWidth;
this.ww = windowWidth / 1920
}
- 具体可以去看迅雷的官网