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

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

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

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

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

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

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

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