CSS3 使用 multiply 和 vw 不渲染的嵌套计算函数
CSS3 nested calc function using multiply and vw not rendering
我做了一些数学运算，在我当前网站的背景中找到了某个元素的系列。我已将精确位置缩小到：
bottom: calc((737px - ((100vw / 200px) * 64px)) + 70px)
但在 Chrome 中，开发人员工具已将其划掉为不可渲染。
我想知道这个计算中的哪一点失败了？
您似乎希望浏览器计算出 200px（分别为 64px）与当前浏览器宽度的比率，并自动使用该值。
calc 的当前浏览器实现仅允许数字乘法和除法：
... : calc(100vw / 3) // valid
... : calc(1200px / 3) // valid
... : calc(1200vw / 200px) // NOT valid
参见 calc() current definition。
我做了一些数学运算，在我当前网站的背景中找到了某个元素的系列。我已将精确位置缩小到：
bottom: calc((737px - ((100vw / 200px) * 64px)) + 70px)
但在 Chrome 中，开发人员工具已将其划掉为不可渲染。
我想知道这个计算中的哪一点失败了？
您似乎希望浏览器计算出 200px（分别为 64px）与当前浏览器宽度的比率，并自动使用该值。
calc 的当前浏览器实现仅允许数字乘法和除法：
... : calc(100vw / 3) // valid
... : calc(1200px / 3) // valid
... : calc(1200vw / 200px) // NOT valid
参见 calc() current definition。