web-dev-qa-db-ja.com

Media = All vs Media = Screen

最近、もっと多くの人がmedia="all"media="screen"スタイルシートで。

私の質問は、いつmedia="all"以上media="screen" およびその逆?

注:違いがある場合は、HTML5 Doctypeを使用しています。

27
L84
media="all"    // Used for all media type devices ( its default under html 5)
media="screen" // Used for computer screens(default value  for html 4.01)

よく読んでください

7.3認識されるメディアタイプ
CSSリンクでメディアなしとメディア=「すべて」の間に違いはありませんか?

28
NullPoiиteя

W3C Spec によると:

7.3認識されるメディアタイプ

CSSメディアタイプに選択された名前は、関連するプロパティが意味を持つターゲットデバイスを反映しています。次のCSSメディアタイプのリストでは、メディアタイプの名前は規範的ですが、説明は参考情報です。同様に、各プロパティの説明の「メディア」フィールドも参考になります。

すべて

すべてのデバイスに適しています。

点字

点字触覚フィードバックデバイスを対象としています。

エンボス

ページングされた点字プリンターを対象としています。

ハンドヘルド

ハンドヘルドデバイス(通常、小さな画面、限られた帯域幅)を対象としています。

印刷

ページングされた資料および印刷プレビューモードで画面に表示されるドキュメントを対象としています。ページングメディアに固有のフォーマットの問題については、ページングメディアのセクションを参照してください。

投影

プロジェクターなど、投影されたプレゼンテーションを対象としています。ページングメディアに固有のフォーマットの問題については、ページングメディアのセクションを参照してください。

画面

主にカラーコンピュータ画面を対象としています。

スピーチ

スピーチシンセサイザー向け。注:CSS2には、この目的で「aural」と呼ばれる同様のメディアタイプがありました。詳細については、聴覚スタイルシートの付録を参照してください。

tty

固定ピッチの文字グリッドを使用するメディア(テレタイプ、端末、または表示機能が制限されたポータブルデバイスなど)を対象としています。著者は、「tty」メディアタイプでピクセル単位を使用しないでください。

tv

テレビタイプのデバイスを対象としています(低解像度、カラー、スクロール機能が制限された画面、利用可能なサウンド)。

2
kittu