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

respond
このエントリーをはてなブックマークに追加
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 ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

9ineBBの最新情報をチェック・購読

Twitter Facebook Google+ Feedly RSS

どこをクリックしてもこの表示を消せます
(3日後以降に再度表示されます)