IE8以前でcss3-mediaqueries.jsが効かない

メディアクエリはIE８以前は未対応なのでメディアクエリを8以前のIEに適応させるには<head>内に
css3-mediaqueries.jsを読み込ませる為の記述

<!--[if lt IE 9]>
<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

<!--[if lt IE 9]>

<![endif]-->

をしておけばOK〜なはずなのですが今日確認すると、どうもjsが効いてないっぽかった。このサイトでは別にそれでもいいんだけど今後クライアントに納品するサイトの事を考えると解決しておかなければならない問題だと思い色々調べてましたら、

@importでCSSを読み込むとダメみたいです。他にも

@media (min-width: 321px) {
この記述はダメで

@media screen and (min-width: 321px) {
screen andをちゃんと記述しないとダメらしいです。

他にも条件があるらしいのですが僕の環境では上記２箇所を修正すればOKでした。時間がある時にこのblogにも反映させておこう。

IE8以前でcss3-mediaqueries.jsが効かない | CREATE RECORD｜blog