IE8、IE7以下でCSS3のMediaqueryが使えるようにする方法

CSS Carved Pumpkin
このエントリーをはてなブックマークに追加
PR

最近はレスポンシブデザインのサイトも多く
GoogleがURLの変化しないレスポンシブが推奨ということで
レスポンシブ化が進んでいますが、マイクロソフトの標準ブラウザ Internet Explorer では
古いバージョンのものは css3 html5 に対応していないが利用者が未だに多いことから対応が必要です

 

CSS3のMediaquery をIE8、IE7以下でも使えるようにする方法

対応は至って簡単です
Medeiaquery を使っているサイトにIE8以下のものに対応させるための
javascriptを読みこませるだけです

 

方法は2つ
CDNを利用する方法
ダウンロードして利用する方法

 

CDNを利用する方法

この方法が最も簡単で手間も必要ありません

次のコードをHTMLの<head>のすぐ下に挿入してください

<!--
DEMO 表示
> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]-->

Googleからファイルを読み込むのでこれだけで、完了です

 

 

 

ダウンロードして利用する方法

こちらはファイルをダウンロードしてリンクさせる方法なので
Googleの方で変更があった場合に影響は受けず、リンクが切れていたりする事が無いです

このページからダウンロードして、ダウンロードしたファイルを自分のサーバーに置き
リンクを先ほどの様に書きます

<!--
DEMO 表示
> <script src="設置したファイルへのパス"></script> <![endif]-->

 

サーバーに置いたファイルのアドレスを載せてください

これで完了です

PR

COMMENT

コメントを残す

PR

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

WDG WEB DESIGN GALLERY ウェブデザインギャラリー CC0 PHOTO 無料で使える高画質な写真をダウンロード、クレジット表記、リンク不要

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

Twitter Facebook Google+ Feedly RSS

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