CSSのプロパティの initial
や unset
はIE11に対応していないためスタイルが崩れてしまいます。
詳しくはこちら(initial unset)を参照してください。
この記事ではこの問題に対処するために代表的なプロパティごとの解決法を書きます。
解決法
margin/padding/width/heightの場合
auto
の記載を追加することでIEに対応できます。
sample.css
.block {
margin: initial;
/* IE対応のために追加する */
margin: auto;
}
line-height/font-weight/font-styleの場合
normal
の記載を追加することでIEに対応できます。
sample.css
.block {
line-height: initial;
/* IE対応のために追加する */
line-height: normal;
}