Bymas | CSS Ресайз картинки под ресайз окна

Обучение/Помощь новичкам | CSS Ресайз картинки под ресайз окна

Когда делаю ресайз окна, то картинка не меняет разрешение. Поскажите где что изменить?

html

   <div class="postimg">   <img src="images/1ups.png" width="704" height="396"> </div>

css

   .postimg {     overflow: hidden;     padding: 0px 0px 0px 0px;     margin: 25px 4px 10px 0px;     background-color: #ececec;     border: 4px solid #073DFF;     border-radius: 12px; }

Изображение

------

87805_Screenshot10052024_220233.jpg (193.1 Kb)
Скачиваний: 93

________
посл. ред. 10.05.2024 в 23:08; всего 1 раз(а); by Antimod

Лучший ответ

Antimod , в твоём коде явно заданы высота и ширина картинки:

html

   width="704" height="396"

Первым пунктом будет убрать этот код. Вторым пунктом будет изучить единицы измерения доступные css. https://www.w3.org/Style/Examples/007/units.ru.html https://html5book.ru/edinicy-izmereniya-vh-vw-vmin-vmax/ И узнать, какая единица тебе подходит. Относительными являются % (относительно родительского блока); vw, vh (относительно размера окна браузера)
________
посл. ред. 10.05.2024 в 22:44; всего 1 раз(а); by _(Ulty)_

Форум На главную