古いブラウザ用のCSSを先に書くレガシーファースト [ホームページ作成] All About

初心者向けの「わかりやすさ」を重視した解説に定評があるウェブ系テクニカルライター。ウェブの黎明期に趣味で始めた個人サイト製作からその「楽しさ」に魅了され、作成方法に関する様々な情報を発信。企業や団体のウェブサイト製作・解説書籍の執筆なども行っている。 ...続きを読む モバイルファースト設計でCSSを記述すると、IE8以下のような古いブラウザでは、閲覧ウインドウのサイズに関係なく「モバイル版デザイン」が表示されてしまいます。 それは、IE8以下のような古いブラウザでは、「レスポンシブ・ウェブデザイン」の記述方法(CSS3のMedia Queries)に対応していないのが原因です。 これに対処する方法としては、 (1) それはそれで割切る。(＝対応を諦め、古いブラウザにはモバイル版を見せる) (2) IE8以下にもレスポンシブ・ウェブデザインを認識させるスクリプトを読ませる。 ……といった方