CSS3嵌套的calc函数使用乘法和vw不渲染

Question

我已经完成了一些数学运算，以在当前网站的背景中查找某个元素的系列。我将精确位置范围缩小到：

bottom: calc((737px - ((100vw / 200px) * 64px)) + 70px)

但是在Chrome浏览器中，开发者工具已将其划掉为不可渲染。

我想知道计算中的哪一点失败了吗？

Answer 1

您似乎希望浏览器能够从当前浏览器宽度中算出200px（分别为64px）的比例，并自动使用该值。

当前的calc浏览器实现只允许使用数字进行乘法和除法：

... : calc(100vw / 3) // valid
... : calc(1200px / 3) // valid
... : calc(1200vw / 200px) // NOT valid

请参见calc() current definition。