css - 你可以在 css 中除以 xvw 吗？

Question

我希望我的 div 框随着窗口的水平收缩而垂直增长。

然后我发现了 css 中的 calc() 函数并尝试了以下方法:

.fancyBox {
    height: calc(1000 / 1vw);
}

所以理论上，如果窗口是 1920px 宽，那么高度应该是 ~52px，如果窗口是 1024px 宽，那么高度应该是~98px

但是，height 属性会被忽略并且不会显示在浏览器检查器中(我正在使用 firefox 进行测试)。这应该工作吗？我在搞砸语法吗？还有其他方法吗(仅使用 CSS)？

编辑:预期结果是 height = (1000/(0.01 * < window width >))px

Answer 1

我认为 VW 或 VH 值需要放在第一位，因为这似乎可行:

height:  calc(1vw/2);