投影媒体查询：浏览器支持和解决方法？ [英] Projection media query: browser support and workarounds?

问题描述

我只是在页面投影到墙上时才会将样式应用到页面上（通过投影仪，当有人正在进行演示时）。现在，我只能在全屏模式下在Opera中获得此功能。

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

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

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

解决方案

如果投影机的输出是不同分辨率使用CSS媒体查询来控制每张幻灯片中额外元素的显示，并提供演示者的注释。例如，假设笔记本电脑为1024x768，投影屏幕为1280x800，笔记位于类别名称为笔记的元素内 - 您可以做这样的事情：

  .slide> .notes 
 {
 display：none; 
} 
 
 @media投影和（宽度：1280px）
 {
 .slide> .notes 
 {
 display：block; 
} 
} 
  

它仍然需要投影机和笔记本电脑不同的屏幕（如使用两个显示器），但作为一个给定的，它完全有效 - 我已经做到了这一点。

我在全屏模式下使用Opera每当我发表演讲;我还使用名为Mira的Mac OS X应用程序，该应用程序允许您配置Apple Remote，以便向应用程序发送击键。因此，将遥控器上的前进和后退键映射到Opera中的上翻页和下翻页，我可以使用遥控器逐步浏览幻灯片:-D

I'm trying to get styles applied to a page only when the page is projected on the wall (by a projector, when someone is giving a presentation). As the moment, I can only get this in Opera in fullscreen mode.

Is there any way to get @media projection to take affect in other browsers? Also, is there a way to make it only apply to the projection, and not the laptop its projecting from?

If not, are there any viable workarounds to this? I am trying to create a slideshow in css, but also offer a "presenter view" with extra controls on the laptop of the presenter.

Any help in any surrounding area is much appreciated.

解决方案

If the projector's output is a different resolution than your laptop monitor, you can use a CSS media query to control the display of an extra element inside each slide, with notes for the presenter.

For example, let's say the laptop is 1024x768, the projected screen is 1280x800, and the notes are inside an element with the class name "notes" -- you'd do something like this:

.slide > .notes
{
    display:none;
}

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

It would still require the projector and the laptop to be different screens (like using two monitors), but with that as a given, it totally works -- I've done this for real.

I use Opera in fullscreen mode whenever I give presentations; I also use a Mac OS X app called "Mira", which allows you to configure the Apple Remote so it sends keystrokes to applications. So mapping the "Fwd" and "Back" keys on the remote to "page-up" and "page-down" in Opera, I can use the remote to step-through the slides :-D

这篇关于投影媒体查询：浏览器支持和解决方法？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！