HTML5・CSS3 の記事一覧

73035
views

Media QueriesがIE8で効かない場合の対処法

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 が効かない。。。

原因を色々探していましたが、今回の直接の原因以外でも
結構色々なサイトで同様の事例が紹介されているようでしたので、
今回は備忘録も兼ねて整理しました。
続きを読む