最大高度为16/9的长宽比？

Question

如何获取content div的最大高度值，如何在下面的代码段中img上获得16/9的高度/宽度？我希望内容按比例放大直到高度为720px。

有没有比使用padding 56.25％更好的方法了？我假设没有max-padding值。此外，在css中是否有类似vh / vw的内容，但是对于可以设置56.25％的content元素，是否有意义？

此外，由于未设置高度，因此在我的浏览器（至少是Firefox）中，如果未找到图像，该图像当前的高度与宽度相同。

.container {
  width: 50%;
}
.content {
  border: 1px solid red;
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}
img {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid blue;
}

<div class="container">
  <div class="content"><img src="false-url.png" /></div>
</div>