保持與jQuery或CSS的img比率

超過910px，我有一個固定的img，它佔用了窗口高度的100％，寬度爲：auto ;.在加載時，圖像總是有很好的比例，但是當我縮小（從底部）時，它會自我扭曲。保持與jQuery或CSS的img比率

寬度保持不變並且不縮小。

的圖像包含在.picture DIV：

.picture { 
float: left; 
position: fixed; 
height: 100%; 
width: auto; 
}

例子： enter image description here

有沒有辦法迫使圖像，以保持它的原始比例，也許使用jQuery？右側的內容已經根據圖像寬度改變了其寬度。

2014-01-18 cfocket

此處的郵政編碼....隨機網址的不建議尋求答案！ :) – NoobEditor

像Safari 7.0.1中預期的那樣工作 –

@Lars Beck：奇怪，因爲當我在Safari 7.0.1中從底部調整大小時，該比例不好。 – cfocket

我建議你一個替代的方式來解決你的問題。如果你使用bootstrap，你可以使用div來製作可調整大小的圖像。

<div class="img-responsive"> 
    <img src="test.jpg" width='xxx' height='yyy' alt='test'> 
    </div>

2014-01-18 15:00:59

回答