Задайте изображение на ширина само за една страница без лентата за превъртане HTML - html, css, image, size

Имам следната страница:

                <div class="Container100"
style="text-align: center; margin-top: 15px;">
<img
style="width: auto; max-width: 100%; height: auto; text-align: center;"
</img>
</div>

<div class="Container100">
<div class="Card ShadowEffect"
style="text-align: center;">
<div class="ContainerIndent">
Text
</div>
</div>
</div>

Проблемът е сега: Бих искал да преоразмеря изображението до ширина, която подножието и изображението са на една страница и не е необходимо превъртане. В момента изображението е голямо и трябва да превъртя надолу, за да получа и долния колонтитул. Как мога да преоразмеря изображението, за да отговаря на конкретната ширина? Мога да определя ширина като 500px, но това не е това, което искам, защото ширината / височината трябва да е толкова голяма, че изображението и подножието да се показват на една страница, без да се превъртате. Как мога да направя това?

Отговори:

Направете ширината на изображението 100% заедно с височината и ширината на вашата страница. също така настройте float на auto

Задайте ширина и височина в% както за изображението, така и за долния колонтитул.

Например: Ако ширината на изображението е 95% от екрана, задайте ширина: 95%; След това настройте долния колонтитул: 5%;

Това трябва да е :)