最初に IE11においてウェブサイトのレイアウトが崩れたため、その対策を考える必要があった。 レイアウト崩れの対策として、以下の3点があることを知った。 メディアクエリを利用し、CSSの設定を行う jQueryを用いて専用クラスを追加し、CSSの設定を行う JavaScriptを用いて、CSSを切り替える 今回は、メディアクエリを用いてレスポンシブ対応するため、メディアクエリの設定が煩雑になること、jQueryを利用しない場合を考えてJavaScriptを利用することにした。 ※メディアクエリを利用する場合は、ブラウザ判定する条件とレスポンシブ用の条件を入れ子構造で対応するにはLessやSassが必要になる(CSSのみでは出来ない)。 また、ブラウザ判定のための「-ms-high-contrast」の使用は良くないという記事もあるので気をつける必要がある。(Edgeに対する判定が別途必要で