固定长宽比固定高度

Question

嘿所以我的宽高比为4：7（4w：7h），保持这样：

<div class="wrapper">
        <div class="content">
          
          <p>This is the content.</p>
    
        </div>
      </div>

:before

它可以很好地保持其宽高比，但我希望阻止包装纸的高度超过100％。目前，如果我继续扩展窗口，那么包装器将从页面溢出（特别是{{1}}部分）。它永远不会超过100％宽度，这是好的，但我也想做同样的高度。

有什么想法吗？