Сделайте так, чтобы самая маленькая сторона изображения закрывала окно браузера полосами прокрутки. ⇐ CSS

[Anonymous]

Я хочу пропорционально масштабировать изображение, чтобы оно закрывало окно браузера, чтобы пользователю нужно было только прокручивать изображение в сторону или вниз, чтобы увидеть все изображение, независимо от размеров изображения и браузера. Я использовал минимальную ширину = 100vw и минимальную высоту = 100vh. Код работает нормально, пока размер окна браузера превышает размеры изображения в пикселях. Как заставить его работать с большими изображениями?
Изображение того, что я хочу
CSS
html, body {
width: 100%;
margin: 0;
padding: 0;
}
.full-plus {
width: calc(100vw - 20px);
height: calc(100vh - 20px);
background-color: red;
}
.full-plus img {
min-width: calc(100vw - 40px);
min-height: calc(100vh - 40px);
}

HTML












Подробнее здесь: https://stackoverflow.com/questions/790 ... scrollbars