0

サイトのカスケード スタイルを記述する場合、メディア クエリを使用して小型デバイス用に指定できます。

例えば@media only screen and (min-width: 480px) and (max-width: 767px) {}

これは、特定のページ レベル (.html など)、スタイル シート リンク、または代わりに .css 自体に入力できます。

完全に別個のスタイルシートを提供する、プライマリ スタイルシートをロードして「モバイル専用」バージョンで上書きする、またはスタイルシート自体内でセレクターを上書きする方が良い方法ですか? (おそらく、レイアウトのスタイルは相互に排他的です)

また、不必要な作業を避けるために、そもそも適用できないスタイルを読み取らないように小さなデバイスを除外する必要がありますか?

最後に、開発者は、小型デバイスと互換性がない可能性が低いレスポンシブ スタイルに焦点を当てることで、これらの質問を完全に回避する必要がありますか?

4

1 に答える 1

0

私は追加のスタイルシートをロードしません。それは不要な要求です。@media クエリを使用して、メイン スタイルシートのスタイルの下にあるスタイルをオーバーライドする必要があります。

ボストン グローブのスタイルシートを見てみましょう - http://bostonglobe.com/css/html5reset.css,globe-globals.css,globe-masthead.css,globe-nav.css,globe-nav-menus.css,globe -saved.css,globe-main.css,globe-footer.css,globe-print.css

于 2012-10-27T16:56:03.080 に答える