изображение в блоке одного размера

#1 12 декабря 2019 в 20:00

как сделать в блоке картинки одним размером, что бы за блок не выходили и не обрезались, что бы они в полном размере помешались в этот блок, забыл как это делается

#2 12 декабря 2019 в 20:16

Я так понимаю, что картинка у вас на фоне лежит.
Тогда вот так

background-size: contain;

#3 12 декабря 2019 в 21:09

Если картинка фоновая:

div{
    background-size:contain;
}

Если картинка выводится тегом img, тогда так:

div{
    width:250px;
    height:200px;
    overflow:hidden;
}
div img{
    width:100%;
    height:100%;
    object-fit:scale-down;
}

Естественно, классы и размеры блока с картинкой установите свои.

t.me/googleindexingapi

Как посностью переименовать об

How to show button instead of

Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.

изображение в блоке одного размера

Похожие темы

Помогите разобраться с размером изображения в списке

[ЕСТЬ РЕШЕНИЕ] Как изменить размер изображения при загрузке

Кроп изображения по заданному размеру в ручном режиме. Кто может реализовать за оплату?

[ЕСТЬ РЕШЕНИЕ] Иконка в странице как изменить размер

[ЕСТЬ РЕШЕНИЕ] Картинки разного размера

Функция нескольких размеров для изображения

InstantCMS Team

О проекте

Поддержка

Дополнения