У меня есть наложение, которое должно охватывать всю страницу при открытии - оно работает, за исключением того, что наложение больше, чем окно просмотра, примерно на 50 пикселей и вызывает горизонтальную прокрутку. Я не уверен, как обеспечить, чтобы наложение покрывало только размер видового экрана? Я использовал 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%