问题描述:

前端开发PC端页面,出现页面抖动,屏幕不停闪动


原因分析:

原因是,每台电脑的尺寸大小不一样。当页面获取的数据跟电脑屏幕刚好一直时,他就会出现这个问题,伸展/收缩,伸展收缩,出现滚动条,隐藏滚动条,一直在不停的变换才导致页面一直闪。这个场景其实可以模拟出来,我们把一个页面先缩放/扩大到跟屏幕产不多大的时候,找到这个页面的样式。加个margin-bottom,把数值一直加,加到跟屏幕一样大小的时候,他就会闪动了。(我不会做动图gif,所以那个闪动的效果放不上了,可以自行试一下)


解决方案:

1.找到相对应的页面的div 加上样式:
.app-container {
      height: 100%;
      overflow: auto;
      margin: 0;  //加上这个把滚动条隐藏掉,否则就会出现两个滚动条
}

参考文章:

参考文章

更多推荐

前端开发PC端页面,出现页面抖动原因及解决办法