1

Как разместить большую картинку (большая высота и ширина) в блоке с небольшой высотой и шириной (параметры блоку не задаются), чтобы она нормально выглядела?

4
  • Как вариант указать для изоображения ширину 100%. Пример: <img src="image.png" width="100%">. Я правильно понял ваш вопрос? Commented 29 янв. 2016 в 10:29
  • Вот здесь можно найти нужную вам информацию: ссылка Commented 29 янв. 2016 в 10:37
  • Когда указываю ширину 100%, картинка сильно расстягивается и не помещается по высоте в блок. Как можно сделать так, чтобы она поместилась в блок целиком ?
    – SvArt713
    Commented 29 янв. 2016 в 11:18
  • При указании width="100%" высота изображения автоматически увеличивается пропорционально ширине. Можно задать высоту вручную, тем самым подогнав изображение под нужные размеры вашего блока, но тогда может само изображение перекоситься (не пропорционально растянется). Попробуй указать max-width:100%; max-height:100%;. Пример как это работает можно посмотреть здесь: http://jsfiddle.net Commented 29 янв. 2016 в 11:25

1 ответ 1

3

Ну, если через background-image задавал картинку, то через правило

background-size:cover; 

если задавал в верстке через img, то просто width:100%;
по идее так

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

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