こんばんはばさっちです。
calc関数って便利ですよね!
計算とかしなくても簡単に横並びなど実現できちゃうのですが、
calc関数を使った際にie11で不具合が出てしまったのでメモがてら書いていこうと思います。
今回はの不具合はナビのコーディングの際に起きました。
■CSSの記述はこちら
nav {
width: calc(100% / 7);
}
@media all and (-ms-high-contrast:none){
*::-ms-backdrop,
nav {
width: 14.28%;
}
}
■画面の表示
ハックが効いてないのか左側の余白やカラム落ちしちゃってます…
importantを付けてやってみても全然うまく行きませんでした…なので今回はcalcを使うのを辞めて%のみの指定に変えてみたところ当たり前ですが、、、
うまく表示できました!!
少し前ならムキになって絶対に解決するまでやっていたと思いますが、解決に時間がかかるなら使うのを辞めるのも一つの手かと思いました!!
今度時間のある時にでも解決法を探ってみたいと思います。
Staff blog
