@Drovosek01

Как задать ширину картинки не больше 100% от своего размера?

Допустим есть блок div, в нём размещаются несколько img.
Как сделать так, чтобы если ширина img была меньше ширины div, то img не растягивалась, а оставалась на максимуме своей естественной ширины? Т.е. чтобы img не растягивалась по ширине div (если div очень большой), а оставалась на своей "естественно" стопроцентной ширине.

При этом я не знаю фактических размеров картинок (допустим рандомные с сервера приходят).

Для большего понимания наклепал картинку в paint.
5ba4b65aea300427046361.png

Желательно это сделать без вмешательства js, но если без него никак, то лучше с ним.

///////////////////

Блин, забыл что у меня margin и padding по нулям во всей вёрстке и из-за этого не работало.
В общем для меня вот такой код подошёл:
img {
max-width: 100%;
height: auto;
margin: auto;
}
  • Вопрос задан
  • 1726 просмотров
Решения вопроса 1
Symphony
@Symphony Куратор тега CSS
img {
    max-width: 100%;
    height: auto;
}
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@Dyzz24
Без скрипта никак.
Получаешь контейнер с картинками, получаешь его ширину через getcomputedstyle.
Получаешь все картинки querySelectorAll, в цикле их сравниваешь с шириной container и даешь условие, если ширина равна, остается, если нет ставишь стиль другой
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы