全屏页面抖动问题

标签：auto   width   滚动条   问题   scrollbar   alc   idt   one   webkit   

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

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

如果全屏时，不想出现滚动条：

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

全屏页面抖动问题

标签：auto   width   滚动条   问题   scrollbar   alc   idt   one   webkit   

原文地址：https://www.cnblogs.com/yy410325/p/13258879.html