javascript - -moz-calc 跨浏览器（polyfills？钩子？）

Question

我目前正在从事一些项目，其中我正在使用 LESS、CSS3 和其他一些“花哨”技术。我有一些代码可以为我计算高度：

height: -moz-calc(100% - 40px);

我还在其他几个地方使用 -moz-calc 来计算一些东西。问题是让它跨浏览器（O、Safari、Chrome、IE8+）工作。即使我尝试通过 JS (jquery) 来做这件事也有点棘手，但不幸的是，有些情况确实很棘手。所以我正在寻找某种具有自动更新功能的防弹解决方案，就像 CSS 的 calc() 一样。

Answer 1

http://caniuse.com/calc

https://developer.mozilla.org/en/CSS/calc

-webkit-calc（在 Chrome 19 Dev 版本中可用，应该在下一个 Safari 中可用）

calc(IE9)

---（Opera 还不支持）

Answer 2

Webkit 刚刚获得了前缀 calc() 支持。-webkit-calc() 目前在 Chrome 开发版本中工作，应该包含在 Chrome 和 Safari 的下一个版本中。