状態:-
閲覧数:3,619
投稿日:2012-02-08
更新日:2013-04-03
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を読み込む方法が分からないため。
安易にこの方法を選択してしまったが、
パフォーマンス上の理由から、とにかく使うべきではありません
と書かれていることからすると、何か違う手段を採るべきなんだろうね、やっぱり……