全屏页面抖动问题

Posted yy410325

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了全屏页面抖动问题相关的知识,希望对你有一定的参考价值。

再f11全屏时,会出现页面抖动得问题,是由于css盒子高度问题引起的,解决方法如下:

html {
overflow-x: hidden;
overflow-y: auto;
}
body {
width: 100vw;
overflow: hidden;
padding-right: calc(100vw - 100%);
}

如果全屏时,不想出现滚动条:

::-webkit-scrollbar{display: none;}

以上是关于全屏页面抖动问题的主要内容,如果未能解决你的问题,请参考以下文章

Qt开源作品38-无边框窗体方案(无抖动,支持winlinuxmac等系统,侧边半屏顶部全屏)

Vue—解决页面图片加载抖动的问题

页面加载后页面元素抖动闪烁的问题

如何减少抖动中下拉列表的高度

解决element弹框组件导致页面抖动问题

解决element弹框组件导致页面抖动问题