2011-06-28 57 views
10

我正在開展一個企業項目,創建一個將使用多年的系統。 我最近遇到了css中的「投影」媒體類型,我正在想象它可能對用戶帶來的潛在好處,並給出了演示等,但我不知道這只是在我的想象中,還是如果這裏有一個真正的世界優勢。到目前爲止,我所知道的是,某些版本的Opera在全屏模式下使用媒體類型。css中的「投影」媒體類型有多可靠?

W3C媒體類型的條目:http://www.w3.org/TR/CSS2/media.html

是否有任何瀏覽器檢測投影媒體類型時,投影機上使用?

這可能嗎?我有一個預感,就瀏覽器而言,投影機只是一個屏幕,所以沒有檢測。如果我錯了,那會很棒。

有沒有人有投影媒體類型的成功?

回答

8

據我的研究顯示,投影媒體類型目前僅在全屏模式下由Opera使用。

將我的電腦連接到投影機並在顯示設置中將顯示模式設置爲「投影機」似乎對任何瀏覽器選擇的樣式表都沒有影響。

Code Style有不同的CSS媒體模式summary of different browsers and their compatibility

+0

好從別人誰實際上已經嘗試過了聽。如果你還記得,你使用了哪些方法? 樣式表聲明,通用css文件中的媒體塊,@import規則? 我認爲結果可能與每個結果相同,只是我希望儘可能全面。 – daveyfaherty

2

我一直在使用投影模式,但不幸的是只有Opera 12和更早版本才實現它。你打F11啓動它,然後在

的CSS投影媒體踢我把一個div每張幻燈片,然後使用CSS:

/* Each slide is a plain div. 
    Special pages (intro material, etc,) have classes like cover, intropage, endpage */ 
body>div { 
    border: medium black solid; 
    margin: 1em 0; 
    width: 40em; 
    padding-bottom: 0; 
    page-break-inside: avoid; 
    overflow: hidden; 
} 

@media projection { /* changes/adds the following properties */ 
    body {font-size: 20pt; margin-left: 0; padding: 0} 
    body>div { page-break-after: always; 
       border-style: none; margin: 0; width: 100%} 
}