使用calc（）和供应商扩展的W3C CSS验证错误

在完成新的HTML5/CSS3模板后，我继续进行W3C验证

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

CSS的结果：“抱歉！我们发现以下错误（1）”

问题是高度：计算（100vh-80px）

它还告诉我：

36属性-ms transform是未知的供应商扩展
37属性-webkit转换是未知的供应商扩展
112属性-webkit转换是未知的供应商扩展
113属性-moz转换是未知的供应商扩展
249属性-webkit背景大小是未知的供应商扩展
292属性-webkit背景大小是未知的供应商扩展

---

因此，在这种情况下，我应该如何使其100%CSS3有效？

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

解释可能在于它指出：

特定于供应商的扩展（大部分）遵循CSS 2.1语法， 但是，由于CSS 2.1规范中没有定义它们，所以它们是 无效的因此，CSS验证器将它们报告为 验证错误

---

在过分担心供应商前缀之前，请访问caniuse.com：

在这种情况下，可能是因为您不需要它们。也基于w3规范

关于

计算（）

： 使用

calc（）

时报告错误的事实：

→ （目前尚未修复）

关于供应商扩展： 它们的使用仅列为警告，而不是错误

---

因此，尽管使用了供应商扩展，您的CSS仍然有效。

这无关紧要。忽略它。供应商前缀是非标准的，所以规范没有理由提及它们。确实有。