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

Tweet

239

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

Respond.js のセットアップ

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

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

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

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

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

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

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

これで完了です

Tweet

短縮URL:

2014年03月22日 WEB制作系 コード・プラグイン Medeiaquery