IE8,IE9,IE7,IE6以下にも メディアクエリ(Media query)が使えるようにするプラグイン 「Respont.js」
PR
古いブラウザではレスポンシブデザインに使うメディアクエリがつかえないのですが
Respond.js とうプラグインを使えば、IE8以下でもレスポンシブ化出来ます
Respond.js のセットアップ
こちらからダウンロードします
https://github.com/scottjehl/Respond
右側にある Download ZIP からダウンロードします
ZIPを解凍して必要なファイルを取り出して、テンプレートのフォルダのどこかに移動します
使うファイルは respond.min.js です たったの5KBしかありません
HTMLで読み込むのは IE8以下だけが読みこめばいいのでそういった表記にしています
読み込むスタイルシートより後に記述して読み込ませる必要があります
<!--> <script src="js/respond.min.js"></script> <![endif]-->
パスはそれぞれの環境に合わせてください
これで完了です
PR
短縮URL:
COMMENT