изменение размера div на основе ориентации изображения

Я делаю страницу веб-страницы для своего приложения, но она держит пейзаж и думает о его портрете. Я хочу, чтобы div автоматически настраивался для изображения, поэтому, если высота больше ширины, тогда div должен отрегулировать размер изображения. Как я мог это сделать.изменение размера div на основе ориентации изображения

Образца Кодекса Я использую для отображения изображений:

<div id="favphoto">    
    <a href="/event/%event%/photo/%id%.jpg" target="_blank"> 
     <img border="0" src="/event/%event%/photo/%id%.jpg" /> 
    </a> 
</div>

Я хочу сделать размер для правильного образа, который получает называется ДИВО авто, если не я просто буду об этом неправильно.

источник

2013-10-04 Nick Hazrd

Я не уверен, чтобы понять, но у вас есть CSS для мин-ширина, мин-высота или установить ширину/высоту до авто. Может быть, это может помочь. –

У вас есть образец кода того, что вы пытаетесь, если это так, сообщите об этом, это поможет обеспечить лучшее решение, чем просто общий и открытый вопрос. – tremor

DIV по умолчанию будет растягиваться полностью по экрану. У вас должен быть некоторый CSS или какой-то родительский контейнер, который вызывает это. –

Установка div на display:inline-block приведет к тому, что он будет только таким же широким, как и содержимое.

JSFiddle Example

<div class="favphoto">    
    <a href="#" target="_blank"> 
     <img border="0" src="http://lorempixel.com/400/200/sports/" /> 
    </a> 
</div> 

<div class="favphoto">    
    <a href="#" target="_blank"> 
     <img border="0" src="http://lorempixel.com/200/400/sports/" /> 
    </a> 
</div> 

.favphoto { 
    display:inline-block; 
    vertical-align:top; 
} 

.img { 
    display:block;

}

источник

2013-10-04 21:53:26

Спасибо, что это сработало, благодарю всех вас за помощь –

изменение размера div на основе ориентации изображения

ответ

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