我可以看到使用webkit时calc更兼容。通常当您添加对webkit或moz的支持时，您可以执行以下操作：
-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
calc的正确语法是什么？
width: -webkit-calc(100% - 100px);
答案 0 :(得分：4)
calc的正确语法
/* Firefox */
width: -moz-calc(100% - 100px);
/* WebKit */
width: -webkit-calc(100% - 100px);
/* Opera */
width: -o-calc(100% - 100px);
/* Standard */
width: calc(100% - 100px)
答案 1 :(得分：2)
至少你需要支持Safari 6，Chrome 25或FF 15，你只需要写// Firefox 4 to 15
width: -moz-calc(100% - 100px);
// Chrome 19 to 25
// Safari 6
width: -webkit-calc(100% - 100px);
// Standard
width: calc(100% - 100px)
// Note: Never existed a Opera prefix for calc
-o-calc请注意，从不存在Opera前缀calc，因为在Opera中引入了calc，它始终只使用-o-calc(100% - 100px)。您可以在caniuse中查看计算支持。
我建议您在对供应商前缀有疑问时应检查是否需要。例如，Opera的width: -moz-calc(100% - 100px)从未存在过。或者您可能不需要供应商前缀，因为您不再支持旧版本的特定浏览器。例如，您可能不需要支持FF 15，如果是这种情况，则不应使用{{1}}。