Как разместить большую картинку (большая высота и ширина) в блоке с небольшой высотой и шириной (параметры блоку не задаются), чтобы она нормально выглядела?
1 ответ
Ну, если через background-image задавал картинку, то через правило
background-size:cover;
если задавал в верстке через img
, то просто width:100%;
по идее так
<img src="image.png" width="100%">
. Я правильно понял ваш вопрос?width="100%"
высота изображения автоматически увеличивается пропорционально ширине. Можно задать высоту вручную, тем самым подогнав изображение под нужные размеры вашего блока, но тогда может само изображение перекоситься (не пропорционально растянется). Попробуй указатьmax-width:100%; max-height:100%;
. Пример как это работает можно посмотреть здесь: http://jsfiddle.net