CSS3-mediaqueries.jsは、@ importスタイルシートに記述した内容を反映しない

IE8✕メディアクエリ

IE8で、「css3-mediaqueries.jsを読み込んでいるのにメディアクエリが正常動作しない理由」について調べたので、メモ

<!--[if lt IE 9]>

 <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>

<![endif]-->

と書いているのに、何度試しても、IE8でメディアクエリが反映されない。

なんでよ？
と思い、調べると、ここに書いてた
(機械訳)
@ import'edスタイルシート（あなたは、パフォーマンス上の理由から、とにかく使うべきではありませんが）上では動作しません。

二次情報だけではなく、(例え英語だろうが、)一次情報(?)を読め、ということか……。

@import元のcssに、
@import url("./bootstrap/bootstrap-responsive.css");
@media screen and (max-width: 1200px) {
.designnone{display:none;}
}
と書くことで、無事動作した。

それにしても、なんで@import使ってるかと言うと、WordPressで、複数cssを読み込む方法が分からないため。
安易にこの方法を選択してしまったが、
と書かれていることからすると、何か違う手段を採るべきなんだろうね、やっぱり……