css - div 高度@一定宽度

Question

有没有办法让 div 在某个宽度下具有某个高度？

所以在 800px 及以上的 div 高度将是 200px

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

Answer 1

您可能可以为此使用媒体查询。例如，如果div占据窗口的整个宽度，您可以使用：

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

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