iPad 向け、iPhone 向けにWEBサイトの最適化を色々と試しながら、 「まだまだ奥が深いなぁ、Media Queries…」 と思っていた最中、IE8 で落とし穴です > < IE8 ではもともと Media Queries が効かないため、css3-mediaqueries.js を利用して <!--[if lt IE 9]> <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script> <![endif]--> と <head> 内に記述してあげる必要があるのですが、 それでも、IE 8で Media Queries が効かない。。。 原因を色々探していましたが、今回の直接の原因以外でも 結構色々なサイトで同様の事例が紹介されているようでしたので
![Media QueriesがIE8で効かない場合の対処法](https://cdn-ak-scissors.b.st-hatena.com/image/square/02a30eacf7047f1f362c4c8bb1a0290593920172/height=288;version=1;width=512/https%3A%2F%2Fwww.imaginationdesign.jp%2Fblog%2Fwp-content%2Fthemes%2Fimadesiblog%2F_common%2Fimg%2Fcommon%2Fogp.jpg)