圖片高度響應引導2

我創建一個響應式設計，使用引導2.圖片高度響應引導2

我想就與其它圖像的水平，圖像高度，是我的電影門戶。當我手動設置圖片高度，然後它看起來很漂亮，所有的圖片都與其他圖片的水平。

但是，當我在平板電腦上打開網站，然後所有的圖片看起來壓縮！

例1：

enter image description here

如果我從圖片中刪除的高度，那麼圖片是不是與其他同級別和很糟糕。

例2：

enter image description here

也許你知道如何解決它？

HTML：

<div class="span2 item all"> 
    <div class="picframe img-polaroid"> 
     <span class="overlay"> 
     <span class="info-area"> 
     <a class="img-icon-url" href="/movie"></a> 
     </span> 
     <span class="pf_text"> 
     <span class="project-name">Movie Name</span> 
     <span>Genre</span> 
     </span> 
     </span>  
     <img data-original="pictur.jpg" src="picture.jpg" alt="" class="poster"/> 
    </div> 
</div>

CSS：

.poster { 
    width:170px; 
    height:226px; 
}

來源

2013-11-04 Niks

共享你r HTML和CSS代碼 –

如果要保持縱橫比不變，則只需設置沒有寬度的高度即可。 –

我試過了，但是一樣！謝謝！ – Niks

您可以使用自舉3，因爲它是很容易做出響應圖像：

Responsive images

<img src="..." class="img-responsive" alt="Responsive image">

來源

2013-11-04 11:54:20 amatellanes

圖片高度響應引導2

回答

相關問題