古いブラウザ対応をどこまでするか、悩ましい問題かと思います。今回はレスポンシブWebデザインにおいて、知っておきたいブラウザ対応、特にIEに関する内容です。難しそうな話ですが、私自身htmlのソースが書けるわけではありませんので、コーディングに詳しくない方にも分かりやすく解説できればと思います。 css3でできることと、IEの現状 モバイルファーストで考えた場合、レスポンシブWebデザインはhtml5/css3でソースを書くのが望ましいとされています。その理由は、従来画像を使わなければ表現できなかった部分をcssのみで表現できるようになり、それによりページ容量を軽くできるためです。スマートフォンを含む最近のブラウザは基本的にcss3に対応しているのですが、IEに関しては対応状況が遅れていて、ここで少し悩ましい問題が発生しています。(IE8はほとんど非対応、IE9は一部対応。詳細はのちほど。
![レスポンシブWebデザインとIE対応](https://cdn-ak-scissors.b.st-hatena.com/image/square/db957e93fb83d9587e6574a9eb4fd57b177c0bfd/height=288;version=1;width=512/http%3A%2F%2Fwww.mobile-first.jp%2Fwp-content%2Fuploads%2F2012%2F11%2Fimage1-150x150.png)