首先需要用到两个东西,1:onresize事件,当浏览器发生变化时触发事件 2:clientWidth方法,获取你现在元素下的窗口宽度,然后对你获取到的宽度进行你所需要的比例的运算即可
mounted () {
this.screenWidth = document.body.clientWidth;
this.height = (document.body.clientWidth / 1920) * 645;
window.onresize = () => {
return (() => {
this.height = (document.body.clientWidth / 1920) * 645;
})()
}
this.getHomeList();
},
这是全屏时banner图片的展现状态
这个是页面缩小的展示状态