調整風景和人像圖像的高度問題

Question

我正在爲地產代理機構創建現有網站的響應版本。每個屬性都有一個圖像庫，當圖像爲橫向時可以很好地顯示。問題是當他們是肖像。

在原始代碼的圖像尺寸被定義爲：

#gallery-images { 
    height: 577px; 
    overflow: hidden; 
    position: relative; 
    width: 828px; 
} 

我重寫這（與媒體的查詢），所以它變得

#gallery-images { 
    height: 205px !important; 
    left: 1px; 
    width: 290px; 
    } 

然而，這意味着，肖像圖像從頂部裁剪並導致顯示效果不理想 - see here for example。

如果我設置了height:auto和overflow:visible縱向圖像顯示正常，但頁面高度有負面影響。實質上，gallery nav保持原位，但是當再次顯示風景圖像時，上面有很多空白區域。

一種方法是將圖庫導航欄移動到圖片上方，並承受下方的空白區域，但我想知道是否還有另一個我沒有想到的解決方案。對於我可以做的非CSS更改，我受到限制，但如果腳本能夠提供更好的解決方案，也許可以說服客戶添加一些內容。

Answer 1

如果你想要顯示溢出或不是，但我認爲你正在尋找聲明一個最小寬度......如果你離開高度關閉，那麼圖像將按比例縮放。