javascript - 将等式转换为 CSS calc 导致 "invalid property value"

Question

我正在尝试将等式 .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

Answer 1

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

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

<div>Hello world</div>