css 供应商特定计算

Question

我遇到了以下 css 代码。它为 css 计算函数使用供应商前缀。据我所知，供应商前缀用于样式定义的左侧，基本上它们是浏览器中新功能的供应商特定属性，但尚未标准化。我认为我说的是正确的，以下是不正确的。

#test {
    width: ~"calc(100% - 360px)";
    width: ~"-webkit-calc(100% - 360px)";
    width: ~"-moz-calc(100% - 360px)";
}

因为 -webkit-calc 在右边。

Answer 1

calc 是一个 CSS 函数 而不是 属性 （width 是），因此 is/was 实验性的，它 requires/d 前缀。

所以无论如何都已经过时了，但是 -prefix-calc 当时应该是正确的。

Current Support 表示它可能可以不带前缀地使用。

Calc @ MDN