1

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

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

1 ответ 1

3

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

background-size:cover; 

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

Ваш ответ

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

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