IE8,IE9,IE7,IE6以下にも メディアクエリ(Media query)が使えるようにするプラグイン 「Respont.js」

PR

古いブラウザではレスポンシブデザインに使うメディアクエリがつかえないのですが
Respond.js とうプラグインを使えば、IE8以下でもレスポンシブ化出来ます

 

Respond.js のセットアップ

こちらからダウンロードします
https://github.com/scottjehl/Respond

右側にある Download ZIP からダウンロードします

WS002273

 

ZIPを解凍して必要なファイルを取り出して、テンプレートのフォルダのどこかに移動します

使うファイルは respond.min.js です たったの5KBしかありません

WS002274

 

 

HTMLで読み込むのは IE8以下だけが読みこめばいいのでそういった表記にしています
読み込むスタイルシートより後に記述して読み込ませる必要があります

<!--
DEMO 表示
> <script src="js/respond.min.js"></script> <![endif]-->

パスはそれぞれの環境に合わせてください

これで完了です

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー