我有一个叠加层,它应该在打开时覆盖整个页面 - 它可以正常工作,除非叠加层突然比视口(viewport)大大约 50 像素并导致水平滚动。我不确定如何确保叠加层仅覆盖视口(viewport)大小?我使用的是 width: 100vw
并且效果很好,现在我似乎无法将尺寸保持在各种屏幕尺寸的 vw 内。
.modal-footer-large {
height: 100%;
background-color: white;
position: fixed;
z-index: 1;
left: 0;
right: 0;
top: 40px;
overflow: hidden;
padding: 10px 40px;
}
最佳答案
尝试使用封面尺寸
background-size:cover;
或:
width: 100%
关于javascript - 叠加层正在扩展到视口(viewport)之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44380736/