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

 
Посетитель
small user social cms
Сообщений: 49
как сделать в блоке картинки одним размером, что бы за блок не выходили и не обрезались, что бы они в полном размере помешались в этот блок ,забыл как это делается

изображение в блоке одного размера
Редактировалось: 1 раз (Последний: 12 декабря 2019 в 20:00)
Посетитель
small user social cms
МедальПочетный донор проекта
Сообщений: 269
Я так понимаю, что картинка у вас на фоне лежит.
Тогда вот так
Код CSS:
  1. background-size: contain;
Посетитель
small user social cms
МедальАвторитет форума
Сообщений: 2088
Если картинка фоновая:
Код CSS:
  1. div{
  2. background-size:contain;
  3. }
Если картинка выводится тегом img, тогда так:
Код CSS:
  1. div{
  2. width:250px;
  3. height:200px;
  4. overflow:hidden;
  5. }
  6. div img{
  7. width:100%;
  8. height:100%;
  9. object-fit:scale-down;
  10. }
Естественно, классы и размеры блока с картинкой установите свои.
В начало страницы
Предыдущая темаСледующая тема Перейти на форум:
Быстрый ответ
Чтобы писать на форуме, зарегистрируйтесь или авторизуйтесь.