Css 特定宽度下的div高度

有没有一种方法可以使一个div在一定的宽度下具有一定的高度

因此，在800px及以上，div高度将为200px

---

然后在400-799px时，它将是150px，等等。

您可以使用媒体查询来完成此操作。例如，如果

div

占据了窗口的整个宽度，则可以使用：

@media all and (min-width:800px) {
    #elem {height:200px}
}

---

如果您知道相对于窗口的

div

的大小，您可以调整宽度阈值（例如，如果窗口左右两侧总共有20px的边距，则添加20）

@media

正是我要建议的。效果很好，我只是在，它比我找到的大多数JQuery解决方案都好。如果@Kolink-answer对您有帮助，您应该接受它。