你可以在css中除以xvw吗？

Question

我希望我的div框在窗口水平缩小时垂直增长。

然后我发现了css中的calc（）函数并尝试了以下内容：

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

所以从理论上讲，如果窗口宽度为1920px，则高度应为〜52px，如果窗口宽度为1024px，则高度应为~98px

但是，height属性会被忽略，并且不会出现在浏览器检查器中（我正在使用firefox进行测试）。这有用吗？我搞砸了语法吗？还有其他任何方法吗（只用CSS）？

编辑：预期结果是height =（1000 /（0.01 *＆lt; window width＆gt;））px

Answer 1

我认为VW或VH值需要先出现，因为这似乎有效：

height:  calc(1vw/2);