1

Как сделать размер картинки: под размер контейнера если она больше, а если меньше то в оригинальном размере

2
  • img { max-width: 100% }
    – Arbery
    3 мар 2019 в 23:58
  • и что вы будете делать, если картинка в ячейке таблицы, например? 4 мар 2019 в 10:17

2 ответа 2

2

Если картинка внутри контейнера как <img>, то прописать ей свойства object-fit: contain; width: 100%; height: 100%;

Если картина как фон (background-image) контейнера, то прописать контейнеру свойство background-size: contain;

2
  • 1
    Тут важно указать, что object-fit, нормально работает если img задан width || height.. jsfiddle
    – De.Minov
    4 мар 2019 в 10:23
  • 1
    точно, спасибо. Подправил. 4 мар 2019 в 10:24
0

Прописать max-width у изображения

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.