css - 如何为 calc 添加 webkit 支持？

Question

我可以看到使用 webkit 时 calc 更兼容。通常当你添加对 webkit 或 moz 的支持时，你会做类似的事情:

-webkit-font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;

calc 的正确语法是什么？

width: -webkit-calc(100% - 100px);

Answer 1

calc 的正确语法是

/* Firefox */
width: -moz-calc(100% - 100px);
/* WebKit */
width: -webkit-calc(100% - 100px);
/* Opera */
width: -o-calc(100% - 100px);
/* Standard */
width: calc(100% - 100px)