将方程转换为CSS计算原因＆＃34;无效的属性值＆＃34;

Question

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

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

但Chrome不断抛出无效的属性值错误。我该怎么办呢？

预期的近似高度为（宽度x高度，单位为px）：

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

Answer 1

你只能深入一组括号 - 你不能嵌套计算，因为CSS中的其他数学符号代表其他选择标准（+是相邻的兄弟组合，^是属性选择器等等）< / p>

Answer 2

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

＆＃13;

＆＃13;

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

＆＃13;

<div>Hello world</div>

＆＃13;

＆＃13;

＆＃13;