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

Реклама за копейки!!!
WorldByte - Наш хостинг - партнер

Обучение/Помощь новичкам | 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)
Скачиваний: 85

________
посл. ред. 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)_

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