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

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);