• RSS

[JS]IEでも CSS3の Media Queries を対応させるスクリプト「css3-mediaqueries.js」

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

なんて素敵なスクリプト! さすがGoogle先生!!!

最近はレスポンシブWEBデザインのサイトも増えてきましたので、ブラウザの幅やデバイスによってサイトの見せ方を変える必要もあるんです。

例えば、一見普通のPCサイトと思いきや、ブラウザの幅を縮めてみるとスマフォでもちゃんと収まって見えるように最適化されてある!!!みたいな。

これを実現する方法として CSS3 の Media Queries を利用する訳ですが、ここでもやっぱりIE がすんなり話を通してくれません > <;

ですので、IEでも Media Queries を利用するために、Google Code で公開されている css3-mediaqueries.js を利用します。

css3-mediaqueries.js のダウンロード

Googleコードで公開されている css3-mediaqueries.js をダウンロードします。


css3-mediaqueries.js の設置

あとは、<head> 内にこんな感じで設置します。
<!--[if lt IE 9]>
<script type="text/javascript" src="css3-mediaqueries.js"></script>
<![endif]-->

CSSファイルに Media Queries の記述をします。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください