2012-09-23 99 views
25

最近我看到很多人開始在他們的樣式表中使用media="all" vs media="screen"媒體=全部vs媒體=屏幕

我的問題是我應該何時使用media="all"而不是media="screen",反之亦然?

注意:如果這有所幫助,我使用的是HTML5文檔類型。

回答

24
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 Recognized media types
Is there no difference between No media and media=「all」 in css link?

+4

默認值在以前的HTML規範中是'screen',並且只在HTML5中被更改爲'all'。儘管如此,瀏覽器一直將其視爲「全部」。 http://stackoverflow.com/questions/6921573/is-there-no-difference-between-no-media-and-media-all-in-css-link/6921600#6921600 – BoltClock

+0

@BoltClock和OP使用HTML5 –

+0

@Daniil:正確。 – BoltClock

1

根據W3C Spec

7.3公認的媒體類型

爲CSS媒體類型選擇的名稱反映了相關屬性有意義的目標設備。在CSS媒體 類型的以下列表中,媒體類型的名稱是規範性的,但是說明是 信息性的。同樣,每個 屬性的說明中的「媒體」字段都是信息性的。

所有

適合所有設備。

盲文

旨在用於盲文觸覺反饋設備。

壓花

旨在用於分頁盲文打印機。

手持

旨在手持設備(通常是小的屏幕上,限定 帶寬)。

打印

旨在用於分頁材料以及在 打印預覽模式下在屏幕上查看的文檔。有關分頁媒體特定格式問題的信息,請參閱分頁媒體上的 部分。

投影

擬提交到投影機中,例如投影儀。請 查閱分頁媒體部分,瞭解有關分頁媒體特定格式 問題的信息。

屏幕

主要用於彩色計算機屏幕。

講話

旨在用於語音合成。注意:爲此,CSS2有一個類似的媒體類型 ,稱爲'聽覺'。有關詳情,請參閱有關樣式 的附錄。

TTY

使用固定間距字符網格(如 電傳打字機,終端,或便攜式具有有限顯示 能力的設備)擬介質。作者不應將像素單位與「tty」媒體類型配合使用。

電視

旨在用於電視型器件(低的分辨率,色彩, 有限可滾動屏幕,聲音可用)。