カテゴリー
CSS

Edgeでcalc()が効かない

例えば、width: calc(calc(100% / 3)とすれば幅をちょうど3分割になるように計算してくれる。いかに便利かというのはググってみてほしい。んで、今制作しているサイトをEdgeでみて愕然とした。calcが効いていないのである。calcは使えないんだっけ?使えるはずじゃん!なんでなんで。

で、検索したところ、IE11とEdgeではflexの中ではcalc()は使えないんだと。横並びをflexで使っていたのだった。

下記は参考サイト、ありがとうございます。他にもいくつか問題点が報告されているようです。

IE9/10から使えるCSS:calc()

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です