【发布时间】：2016-05-09 22:25:27
【问题描述】：
我遇到了以下 css 代码。它为 css calc 函数使用供应商前缀。据我所知，供应商前缀用于样式定义的左侧，基本上它们是浏览器中新功能的供应商特定属性，但尚未标准化。我认为我说以下不正确是正确的。
#test {
width: ~"calc(100% - 360px)";
width: ~"-webkit-calc(100% - 360px)";
width: ~"-moz-calc(100% - 360px)";
}
因为 -webkit-calc 在右边。
【问题讨论】：
-
“据我所知，供应商前缀用于样式定义的左侧” - 不，供应商前缀可能基本上出现在任何地方（例如1、@987654322 @ 等等。）。但是，对于您的特定示例，
-webkit-calc和-moz-calc没有多大意义，因为今天您几乎找不到任何不支持标准calc的 WebKit 或 FF 浏览器。但它们是有效的。