如果页面宽度增加，动态增加 div 的高度

Question

在我的 CSS 中，我想：

• 让 div 永远不要低于高度（最小高度）
• div 不得超过特定高度（最大高度）
• 如果我增加页面宽度，我希望 div 高度动态增加（或者如果我减小页面宽度，则减少）。

类似：

div{
  min-height: 10vw;
  max-height: 30vw;
  height: calc(??);
}

这可以实现吗？

Answer 1

你不会用Js？如果您使用 js，则可以使用 window.innerWidth 并将其分配给元素。 例如：

let windowWidth = window.innerWidth;
document.getElementById("myDynamicHeight").style.height = `${windowWidth}px`;