CSS 3 media queriesでスマートフォン対応してみる ブラウザの表示の幅によってこのブログのスタイルシートを切り替えるようにしてみた。 パソコンのブラウザから見てる場合、ウインドウの幅を縮めると640ピクセルを境に切り替わる・・・はず。 サイドカラムがドンと下に落っこちるだけなんだけどね。それと横幅に合わせて改行幅が変わるリキッドレイアウトにしてみましたが。レスポンシブWebデザインとかいうらしい( ̄ー ̄)ニヤリ ちなみにInternet Explorerは9以上でないとCSS3にほとんど対応してないので切り替わりません・・・ (追記:IE8以前にcss3-mediaqueries.jsを読ませるようにするとIE6,IE7,IE8でもぎこちないけど切り替わるみたい。) Firefoxではこんな感じ。ChromeとSafariでも確認はしてみた。 横幅1000pxくらいの場合