父元素內的適合元素

在保留寬高比的小尺寸div元素中安裝一個巨大圖像。
但不使用像max-width這樣的CSS技巧。手動將寬度/高度設置爲正確的值。

這是我解釋什麼，我試圖做的最簡單的方法。
我得到以下值：

圖像的原始寬度/高度。
目標div的寬度/高度。

我嘗試下面的例子以使其適合父元素內。

if(ratio < 1) { 
    setWidth = Math.round((targetH * ratio)); 
} else { 
    setHeight = Math.round((targetW/ratio)); 
}

哪個看起來長寬比和使用該調整其大小。
只要寬高比不足1，就可以正常工作。如果超過它，高度開始全部混亂。當你從0.99增加到1時，似乎也會跳躍，並且具有相當高的額外高度。

來源

2013-04-23 danniehansenweb

這個問題可以幫助你：http://stackoverflow.com/a/3971875/2287470 – Joe 2013-04-23 18:28:50

似乎無法得到那個工作。仍然得到高於容器高度的高度。 – danniehansenweb 2013-04-23 18:40:57

你能顯示完整的代碼嗎？ – 2013-04-23 18:41:42

喬讓我對他與發送到另一臺計算器問題的鏈接右邊的蹤跡。以下代碼是我最終使用的。

「寬度」是按比例繪製的元件的電流的寬度。
「高度」爲當前heightof縮放元件。
「targetW」是尺度的最大寬度。
「targetH」是尺度的最大高度。

完全符合該父元素中的元素。無論高寬比如何。

if(width > targetW){ 
    ratio = targetW/width; 
    height = height * ratio; 
    width = width * ratio; 
} 

if(height > targetH){ 
    ratio = targetH/height; 
    width = width * ratio; 
    height = height * ratio; 
}

由於@Joe

來源

2013-04-23 18:48:40 danniehansenweb

父元素內的適合元素

回答

相關問題