IE8、IE7以下でCSS3のMediaqueryが使えるようにする方法
PR
最近はレスポンシブデザインのサイトも多く
GoogleがURLの変化しないレスポンシブが推奨ということで
レスポンシブ化が進んでいますが、マイクロソフトの標準ブラウザ Internet Explorer では
古いバージョンのものは css3 html5 に対応していないが利用者が未だに多いことから対応が必要です
CSS3のMediaquery をIE8、IE7以下でも使えるようにする方法
対応は至って簡単です
Medeiaquery を使っているサイトにIE8以下のものに対応させるための
javascriptを読みこませるだけです
方法は2つ
CDNを利用する方法
ダウンロードして利用する方法
CDNを利用する方法
この方法が最も簡単で手間も必要ありません
次のコードをHTMLの<head>のすぐ下に挿入してください
<!--> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]-->
Googleからファイルを読み込むのでこれだけで、完了です
ダウンロードして利用する方法
こちらはファイルをダウンロードしてリンクさせる方法なので
Googleの方で変更があった場合に影響は受けず、リンクが切れていたりする事が無いです
このページからダウンロードして、ダウンロードしたファイルを自分のサーバーに置き
リンクを先ほどの様に書きます
<!--> <script src="設置したファイルへのパス"></script> <![endif]-->
サーバーに置いたファイルのアドレスを載せてください
これで完了です
PR
短縮URL:
COMMENT