使用 multiply 和 vw 不渲染的 CSS3 嵌套计算函数

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 .