2016-05-19 10 views
1

CSSでcalcを使用する方法を学んだので、私にとって有用であった多くの例が見つかりました。CSS calc()は広くサポートされていますか?

しかし、ブラウザやデバイス間でどのように動作するのか不思議です。

気にせずに使用するには十分広くサポートされていますか?

デモ:

.element { 
    width: calc(100% - 25px); 
} 
+0

[互換性はあまりにも広い](http://caniuse.com/#feat=calc)...あなたのアプリケーションをレガシーマシン上でうまく動作させるには、javascriptのソリューションに進むべきです。 – Phiter

+0

@PhiterFernandesあなたは幅広いサポートの定義が非常に狭いようです。あなたがリンクしているサイトは、ブラウザサポートが78%を超えていますo_0 – ochi

+0

私は古いブラウザを意味します – Phiter

答えて

5

それがうまくサポートされているCan I useによると、ちょうど現代のAndroidデバイスのほとんどIE8とOpera Miniのブラウザ、とAndroid(4.3)の以前のバージョンをサポートしていません

    :あなたが見てみるならば、あなたはそれを 接頭辞を使用していることがわかります6

    にバージョン4.4の範囲内にあります

  • 75%サポート+ 3%部分サポート、合計78%を実行します。

SS

+0

ありがとう、私はウェブサイトを知らなかった。 – JROB

+0

あなたは大歓迎です: ')' – dippas

0

この質問は少しオープンエンドです。一般的には、具体的な回答がないものは掲載しないでください。それは言った:

Can I use: calc()

Calcはかなり広くIE8で、以下を除き、サポートされています。それが価値があるならばあなた次第。私は時々、プロジェクトに応じてそれを使用します。

関連する問題