Posted at

【随時更新】IE11で起きてしまう現象とその対策


2018年もIE11対策がなかなか厳しい

受託開発の現場では、

IE11はまだサポート範囲内です。

そこで、メモ的にIE11のみで生じる不具合とその対処をまとめてみたいと思います。

この記事は、案件で壁にぶち当たるたびに随時更新していきたいと思います。


游ゴシックがちょっと上にずれる


解決法


  • IE11のみ游ゴシックを諦め、メイリオや他のフォントを使用

  • 対象箇所を地道にpaddingで修正する。

どちらもIE11のみにクラスを当てる必要がありますが、

ハックを使わない方法は別記事に記載したのでご覧いただければと思います。

CSSハックなんて使いたくない!ブラウザ別・OS別にスタイルを書ける『is.js』が便利だった


<img>にsvgを使用すると、表示がおかしくなる


解決法

img[src$=".svg"] {

width: 100%;
height: auto;
}

参考: imgタグでsvgを使った時に、IEだけ表示が崩れる