javascript - 叠加层正在扩展到视口(viewport)之外

Question

我有一个叠加层，它应该在打开时覆盖整个页面 - 它可以正常工作，除非叠加层突然比视口(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;
   }

Answer 1

尝试使用封面尺寸

background-size:cover;

或:

width: 100%