我知道这可能是
specify an element’s height relative to its width,因为百分比和填充值是相对于它的宽度计算的.是否有可能相对于高度相反的宽度？
解决方法
我找到了一种没有Javascript的方法.使用比例制作图像,并将其嵌入到HTML中,相应地进行缩放,以便父元素可以嵌入图像大小.
<!-- height of the outer container -->
<div style="height: 200px">
<!-- this will resize to 200px and maintain its aspect ratio --->
<div style="display: inline-block; position: relative;">
<img src="aspectratio.png" style="height: 100%; width: auto;" />
<div style="position: absolute; top: 0; left: 0; right: 0; bottom: 0">
<!-- Everything in here can party on the fact that their parent
has the correct aspect ratio -->
</div>
</div>
</div>
