3

CSS ファイル (今では非常に多くなっています) を構造化する方法を理解しようとしていますが、次のものの間に実際の違いがあるかどうかは疑問です。

<link href="blah.css" media="print" rel="stylesheet" type="text/css" />

または持っている：

@media print {
   definitions
}

ブラウザの観点から質問しています。どちらも同様に十分にサポートされていますか? 気にしなくていいの？

それとも明らかに優れているのですか？

4

2 に答える 2

4

http://www.w3.org/TR/css3-mediaqueries/によると、CSS ファイルでの の使用は@media ...、HTML4 および CSS2 以降でサポートされています。

「「印刷」および「スクリーン」メディア タイプは HTML4 で定義されています。HTML4 のメディア タイプの完全なリストは次のとおりです。「聴覚」、「点字」、「ハンドヘルド」、「印刷」、「投影」、「スクリーン」、 「tty」、「tv」。CSS2 は同じリストを定義し、「aural」を非推奨にし、「embossed」と「speech」を追加します。また、「all」は、スタイル シートがすべてのメディア タイプに適用されることを示すために使用されます。

CSS3 は の使用を拡張して、@media ...メディア クエリも使用できるようにしました。これらは、以前にリンクした w3.org ページにも記載されています。

メディア タイプの使用法もここに記載されています。

http://www.w3schools.com/css/css_mediatypes.asp

メディア クエリのサポートの一覧を次に示します。

http://www.javascriptkit.com/dhtmltutors/cssmediaqueries.shtml

私の知る限り; の使用@media screen, print, ...は非常に広くサポートされていますが、使用できる新しいメディア クエリは CSS3 互換ブラウザでのみサポートされています。

編集：これについてさらに詳しい情報があります：

http://www.w3.org/TR/CSS2/media.html#x2

この方法を使用するためのサポートについては心配しません@media ...。

于 2013-01-31T14:13:57.857 に答える