以100％的高度按比例调整div的宽度
我正在制作一个带有窗口大小调整的div比例尺，我需要将高度保持在100％，但宽度比例（4：3）保持不变。 我看到了这个优秀的帖子，这是一个很好的例子，可以根据宽度调整高度，但不能反过来看，也不能找到讨论这个帖子的帖子。
遵循这些说明，我有一个inner div，可以根据outer div的css正确缩放高度：
#outer {
position: relative;
width: 100%;
padding-bottom: 50%;
background-color: gray;
margin-left: auto;
margin-right: auto;
}
#inner {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: green;
}
有没有简单的方法来切换它，使高度保持在100％，宽度按比例缩放？ 我试过调整'宽度'，'高度'和'填充'的值，但似乎无法得到它。 谢谢！
编辑：我添加了一个jsfiddle按比例宽度按比例缩放。 您会看到窗口大小的绿色方框比例，高度按比例缩放。 我希望能够通过窗口调整绿框的高度，然后按比例调整其宽度。
链接地址: http://www.djcxy.com/p/64503.html