如何获得与容器宽度成比例的图像高度？

Question

我正在使用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">');

Answer 1

要计算比率（例如16：9），您可以进行以下计算：

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