CSS 供应商特定的计算

Question

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

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

因为 -webkit-calc 在右边。

Answer 1

calc是一个CSS函数而不是一个属性（width是），所以它是实验性的，它需要/d前缀。

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

当前支持 表明它可能可以在不带前缀的情况下使用。

计算 @ MDN