0

私はこのcssを置きます

@import url("large_screen.css")all;
@import url("small_screen.css")(max-width : 1024px);

この css ファイルは chrome、mozilla ブラウザーで動作し、小さな画面解像度と大きな画面解像度で動作しますが、「large_screen.css」ファイルのみをレンダリングするだけで、小さな解像度の css (1024X768) では動作しません。これを解決する方法を教えてください!

4

2 に答える 2

0

IE のどのバージョンですか? 9 未満の場合、メディア クエリで問題が発生します。CSS ファイル内で IE の修正を行うか、下位バージョンのレンダリングを支援するために JS ファイルをロードする必要があります。

http://webdesignerwall.com/tutorials/responsive-design-with-css3-media-queries

于 2013-03-26T06:17:59.963 に答える
0

私の意見では、あなたは試すことができます：

@import url("small_screen.css")(max-width:1024px) and (orientation:landscape);

または

@import url("small_screen.css")(max-width:768px) and (orientation:portrait);

編集

次に、スタイルをメディアクエリに入れることをお勧めします。例：

@media only screen and (max-width:1024px) and (orientation:landscape) {
    /* Styles here */
}

@media only screen and (max-width:768px) and (orientation:portrait) {
    /* Styles here */
}
于 2013-03-26T06:22:35.583 に答える