css - 投影媒体查询 : browser support and workarounds?

Question

我试图仅在页面投影到墙上时(通过投影仪，当有人进行演示时)才将样式应用于页面。目前，我只能在全屏模式下在 Opera 中获得它。

有没有办法让@media projection在其他浏览器中生效？另外，有没有办法让它只适用于投影，而不适用于投影的笔记本电脑？

如果没有，是否有任何可行的解决方法？我正在尝试在 css 中创建幻灯片，但也在演示者的笔记本电脑上提供带有额外控件的“演示者 View ”。

非常感谢任何周边地区的帮助。

Answer 1

@media projection是一个抽象的概念。实用projection只能在具有自定义浏览器构建的特殊类型的设备上“打开”。

在将投影仪作为外接显示器连接的台式机/笔记本电脑上，浏览器无法知道使用哪种附加显示器(如果有)进行查看。

您唯一的选择是输入 <button>"Fullscreen" mode</button>并使用类似的东西:

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

并使用样式:

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