如何根據容器的寬度獲得圖像的高度？

我正在使用Google Maps API爲移動應用程序生成地圖。如你所見，我可以爲代碼生成寬度沒有問題。我只是獲得容器的寬度並減去總填充量。但是，我現在需要爲圖像創建合適的高度。目前我剛進入200（因爲它看起來是正確的），但在其他設備上，寬度將會不同。是否有一段代碼可以用來自動生成高度並保持其與寬度成比例？如何根據容器的寬度獲得圖像的高度？

感謝

var width = $(this).width(); 

document.write('<img src="https://maps.googleapis.com/maps/api/staticmap? 
center=55.919070, -5.306156&amp;zoom=15&amp;size=' + (width - 30) + 
'x200&amp;markers=55.919070, -5.306156&amp;sensor=false" width="' + 
(width - 30) + '" height="200">');

來源

2013-06-11 jskidd3

你試過[$（本）.height（）] （http://api.jquery.com/height/）？此外，填充是作爲width（）的一部分包含的 - 因爲它是* computed * height。 – LeonardChallis

@LeonardChallis嗨，我應該說，容器的高度比寬度大得多。我不想讓圖像填充容器，只是將圖像與寬度成比例。 – jskidd3

比例是多少？ – LeonardChallis

要制定出一個比例（例如16：9）你可以做下面的計算：

height = Math.round((width/16)*9);

來源

2013-06-11 22:22:31 LeonardChallis

謝謝倫納德！ :) – jskidd3

快樂:) 16：9谷歌地圖的好主意;） – LeonardChallis

如何根據容器的寬度獲得圖像的高度？

回答

相關問題