前端 - h5监听视窗变化bug？

 

问题描述：

电脑端微信打开h5项目，快速拉大拉小视窗，当视窗快速拉小时获取的视窗宽度有问题（比实际的大）
正常情况下（拉大时左右都有空余的情况才654）：
image.png
快速拉小时：（明显不对劲，这是为什么？）
image.png
b0fecebb904a028b1407264e9e4d6dc.png
onLoad(option) {

uni.onWindowResize(this.windowResizeCallback);

}
methods：{
windowResizeCallback(res) {

  let vm = this;
  if (res.size.windowWidth > 480) {
    uni.showToast({
      title: `pLeft：${vm.pLeft};width:${res.size.windowWidth}`,
    });
  } 
},

}

 

第 1 个答案：

没用过uni, 我给出自己的推测。
页面里是不是有一些是和分辨率挂钩的css样式，例如：

@media only screen and (min-width: 768px){}

样式里限制了页面的宽度，但是你快速改变页面尺寸的时候，刚好有一个尺寸是在你设置的分辨率之外的，导致某个div的宽度不受限制了，而这个div的宽度刚好809px.

 

第 2 个答案：

你试试用防抖


我这个页面有个onload 有些参数需要从options里面接收 然后做下图的接口数据请求这个接口是需要登录之后才能正常调用的，所以会有个失败就执行_ ...