2015-07-10 2 views
1

У меня есть портретное изображение, и я хочу поместиться в теге DIV с одинаковым соотношением. пример изображения вы можете найти в ссылке нижеКак показать портретное изображение в DIV в теге html?

http://www.megafileupload.com/4Loy/img.png

+1

Что вы пытались до сих пор? – progsource

+0

@progsource Я попробую этот http://jsbin.com/vikanovaya/edit?html,css,output – Mediasoft

ответ

0

Если хотите сохранить высоту и ширину DIV и установите изображение в DIV при сохранении пропорции изображения, то ваш код уже делает это.

См. jsfiddle с дополнительной рамкой, показывающей, как изображение не будет больше, поскольку оно уже заполнило родительскую высоту DIV.

Если вы хотите изменить его так, чтобы высота DIVs реагирует на изображения атрибутов затем удалить высоту DIV и добавить следующее правило IMG:

img {width: 100%; height: auto;} 

Это позволит заполнить ширину родительского контейнера, сохраняя при этом соотношение изображения , а высота DIV будет автоматически реагировать на изображение.

Пример 2: jsfiddle

+0

Во-вторых, изображение является фактическим примером того, чего вы хотите достичь? как и вы хотите, чтобы вы заполнили экран «Спасибо, что зарегистрировались»? Дайте мне знать, если да, и я исправлю ответ. – JRW

Смежные вопросы