如何正確定義多個樣式表的媒體類型？

Question

我有一個網頁，我知道正在各種瀏覽器，移動設備等瀏覽。我只是想添加一個可打印的視圖。

當前的樣式表的鏈接如下所示：

<link rel="stylesheet" type="text/css" href="somefile.css" media="all" /> 

我想是這樣做的equivilent「如果打印，使用這種新的樣式表;否則使用原來的一個。」

要做到這一點，我可以簡單地添加一個打印樣式表嗎？

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

換句話說，是否有意義兼得「所有」趕上該特定介質的任何設備類型我可能不會思考，以及「打印」？

Answer 1

從a W3 schools example：

@media screen { 
    p.test {font-family:verdana,sans-serif;font-size:14px;} 
} 
@media print { 
    p.test {font-family:times,serif;font-size:10px;} 
} 
@media screen,print { 
    p.test {font-weight:bold;} 
} 

Answer 2

的

清楚spec說，all媒體類型意味着樣式表是適合於所有媒體類型。

如果這是正確的，您可以使用它。

然而，沒準這是不完全如此（是不是真的適合speech？），所以你應該主要樣式設置爲screen：

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

您也可以在定義媒體類型一個單獨的css文件，用於表示使用哪個規則應該使用哪種規則。