javascript - 将方程式转换为CSS calc会导致“无效的属性值”

我正在尝试将等式.00009441x ^ 2-.083x + 400（其中x为100vw）转换为CSS calc（）属性。这是我到目前为止所拥有的：

div {
    height:calc(((100vw * .00009441) * (100vw * .00009441)) - (.083*100vw) + 400);
}

但是Chrome不断抛出无效的属性值错误。我应该如何解决这个问题？

大概的预期高度为（宽度x以像素为单位的高度）：

1184 by 435
1081 by 420
891 by 400
747 by 391
1326 by 455

最佳答案

我一直在尝试括号的位置和顺序，直到它起作用为止。我认为这实现了您想要做的事情？我希望...

div {
      height: calc( ((100vw * .00009441)^2 - (.083*100vw) + 400));
      background: #000;
      width: 100px;
}

<div>Hello world</div>