css - 使用 calc() 和供应商扩展的 W3C CSS 验证错误

Question

完成我的新 HTML5/CSS3 模板后，我开始进行 W3C 验证。

HTML 的结果:“此文档已成功检查为 HTML5!”

CSS 的结果:“抱歉!我们发现以下错误 (1)”

问题出在 height: calc(100vh - 80px);

它还告诉我:

36      Property -ms-transform is an unknown vendor extension
37      Property -webkit-transform is an unknown vendor extension
112     Property -webkit-transition is an unknown vendor extension
113     Property -moz-transition is an unknown vendor extension
249     Property -webkit-background-size is an unknown vendor extension
292     Property -webkit-background-size is an unknown vendor extension

那么在这种情况下，我应该怎么做才能让它 100% CSS3 有效？

Answer 1

不要担心供应商扩展。我不记得为什么会这样标记它们，但它们不是您的错误。我不记得这样做的原因。 iirc，有一个复选框可以忽略这些警告。

解释可能在 this article 中，它指出:

Vendor-specific extensions (mostly) do adhere to the CSS 2.1 grammar, but since they are not defined in the CSS 2.1 specification, they are invalid. Hence the CSS validator is correct in reporting them as validation errors.