-moz-calc crossbrowser(polyfills?hooks?)

时间:2012-01-13 15:06:33

标签: javascript jquery css css3 css-calc

我正在开展一些项目,目前我正在使用LESS,CSS3和其他一些“花哨”技术。我有一些代码可以为我计算高度:

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

我还在其他地方使用-moz-calc来计算一些东西。问题是使它成为crossbrowser(O,Safari,Chrome,IE8 +)。即使我尝试通过JS(jquery)来做这件事也有点棘手,但不幸的是有些情况真的很棘手。所以我正在寻找一种带有自动更新的防弹解决方案,就像CSS'calc()一样。

2 个答案:

答案 0 :(得分:1)

http://caniuse.com/calc

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

-webkit-calc(Chrome 19 Dev版本中提供,可在下一个Safari中使用)

calc(IE9)

---(Opera尚不支持)

答案 1 :(得分:1)

Webkit刚刚获得了前缀calc()支持。 -webkit-calc()目前适用于Chrome开发版,并且应该包含在Chrome和Safari的下一个版本中。