-moz-calc crossbrowser（ポリフィルフック？）

私は現在、私がLESS、CSS3などの "派手な"技術を使っているプロジェクトに取り組んでいます。-moz-calc crossbrowser（ポリフィルフック？）

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

は、私はまた、いくつかのものを計算するカップル他の場所で-moz-CALCを使用します。私は私のために高さを計算コードの一部作品を持っています。問題はクロスブラウザー（O、Safari、Chrome、IE8 +）で動作させることです。 JS（jquery）を使ってやってみるとちょっと難しいですが、残念なことに、いくつかのケースは本当に面倒です。ですから、私は、CSSのcalc（）と同様に、自動更新機能を備えた何らかの弾丸校正ソリューションを探しています。

出典

2012-01-13 Paweł

なぜLESSでこれを行うことができませんか？ "bullet proof solution"は存在しないかもしれませんが（CSSではありません）、JavaScript/jQueryでこれをどうやって試していますか？ –

@Madmartigan JSを私のLESSファイルで実行することはできません。どうしてダンノー？実際に私はこのような何かを行うことができます '@ var： "hello" .toUpperCase（）;'これは '@height：document.body.clientHeight;'まったく動作しません。 –

http://caniuse.com/calc

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

-webkit-calc（Chromeで使用できる19のDevに、構築次のSafariで利用可能であるべきである）

calc（IE9）

---（Operaはサポートしていません。それはまだ）

出典

2012-01-13 22:57:23 c69

_古いIE_（trollface）との互換性のためにIE CSS Expressionsを使用することもできますが、そうしないでください。 – c69

残念ながら-webkit-calcはまだサポートされていません。 calc（）はIE9 +、Firefoxのみで動作します。これが私がpolyfills/hooksを探している理由です。 –

ああ、本当です。しかし、彼らはそれに取り組んでいます。 https://bugs.webkit.org/show_bug.cgi?id=16662、 - あなたの唯一の解決策はJSです。 – c69

ちょうど着陸したウェブキットc（）サポート。 -webkit-calc（）は現在、Chromeの開発環境で動作しており、ChromeとSafariの次のリリースに含める必要があります。

出典

2012-03-14 19:08:53 keithsuperk

-moz-calc crossbrowser（ポリフィルフック？）

答えて

関連する問題