0

インデックス HTML ドキュメントのヘッドでメディア クエリを使用して、訪問者のブラウザに元のスタイルシートとは別に別のスタイル シートを使用するように指示することは可能ですか?

現在、私が使用しているのは、スタイルが難しくなっている元のスタイルシートに加えて、mobile_specific スタイルシートを使用しています。

<link type="text/css" media="screen" href="styles.css" rel="stylesheet">

<link href="styles_mobile.css" media="only screen and (max-device-width: 480px)" type="text/css" rel="stylesheet">

したがって、styles.css に加えて syles_mobile.css が使用されます。両方のスタイルシートを一緒に使用するのではなく、「styles_mobile.css」のみを使用するようにブラウザーに指示するにはどうすればよいですか?

4

1 に答える 1

3

モバイル クエリの正反対のメディア クエリを通常のスタイルシートに追加します。

<link rel="stylesheet" href="styles.css" media="only screen and (max-device-width: 480px)">

<link rel="stylesheet" href="styles_mobile.css" media="only screen and (min-device-width: 480px)">

PS: 属性の標準的な順序を使用することをお勧めします。また、デフォルト値がwith link および style 要素であり、デフォルト値がon script 要素であるため、このtype属性は必須ではありません。text/csstext/javascript

于 2012-05-10T18:06:28.270 に答える