投影媒體查詢：瀏覽器支持和解決方法？

我試圖僅在頁面投影在牆上時（通過投影儀，當有人正在進行演示）時纔將樣式應用於頁面。就目前而言，我只能在全屏模式下在Opera中獲得此功能。投影媒體查詢：瀏覽器支持和解決方法？

有沒有辦法讓@media projection在其他瀏覽器中生效？另外，有沒有辦法讓它只適用於投影，而不是從其投影的筆記本電腦？

如果不是，是否有任何可行的解決方法呢？我正在嘗試在css中創建幻燈片，但還會在演示者的筆記本電腦上提供額外控件的「演示者視圖」。

在任何周邊地區的任何幫助非常感謝。

「適用於投影，而不是投影出來的筆記本電腦「技術上可行？筆記本電腦屏幕和投影儀在這種情況下必須是兩個獨立的顯示器，因此您應該運行瀏覽器的兩個實例/窗口。用戶應該在兩個窗口中看到什麼？ – 2011-06-16 20:42:28

我一直認爲投影只適用於投影機，就像@media print只應用於打印模式一樣？ – robx 2011-06-16 20:45:30

@robx：瀏覽器創建單獨的視圖，其中定義了@media print。並加載**將文檔的實例（克隆）分離出來。但伊恩要求的是像文件，同時加載到兩個單獨的視圖。意味着它在腳本中同時有兩個'window'。 – 2011-06-16 21:00:48

@media projection是一個抽象的概念。實際上，projection只能在具有自定義瀏覽器版本的特殊設備上「開啓」。

在安裝有投影儀的臺式機/筆記本電腦上作爲外部顯示器時，瀏覽器無法知道使用哪種附加顯示器（如果有）用於查看。

你唯一的選擇是把<button>"Fullscreen" mode</button>和使用的東西，如：

$(button).click(function() { $(document.body).toggleClass("fullscreen") });

而且使用樣式：

body { ... }  
body.fullsceen { ... }

2011-06-16 20:54:07

這不是一個「抽象概念」 - 它在Opera中以全屏模式實現。請參閱http://en.wikipedia.org/wiki/Opera_Show_Format – hallvors 2011-06-21 08:35:22

如果投影機的輸出比你的筆記本電腦不同分辨率監視器，您可以使用CSS媒體查詢來控制每張幻燈片中額外元素的顯示，並提供演示者的註釋。

例如，假設筆記本電腦爲1024x768，投影屏幕是1280×800，和音符都與類名「筆記」的元素裏面 - 你會做這樣的事情：

.slide > .notes 
{ 
    display:none; 
} 

@media projection and (width:1280px) 
{ 
    .slide > .notes 
    { 
     display:block; 
    } 
}

它仍然需要投影機和筆記本電腦成爲不同的屏幕（比如使用兩臺顯示器），但是作爲一個給定的，它完全有效 - 我已經完成了這一切。

我在全屏模式下使用Opera，只要我給演示文稿;我還使用名爲「Mira」的Mac OS X應用程序，該應用程序允許您配置Apple Remote，以便嚮應用程序發送擊鍵。因此，將遙控器上的「Fwd」和「Back」鍵映射到Opera中的「上翻頁」和「下翻頁」，我可以使用遙控器逐步瀏覽幻燈片:-D

2011-07-07 06:09:41 brothercake

回答