css中的“投影”媒体类型有多可靠?

时间:2011-06-28 11:01:57

标签: css types media projector

我正在开展一个企业项目,创建一个可以使用多年的系统。 我最近遇到了css中的“投影”媒体类型,我想象它可能给用户带来的好处,演示等等,但我不知道这是否只是在我的想象中,或者是否存在这是一个真正的世界优势。到目前为止,我所知道的是,某些版本的Opera在全屏模式下使用媒体类型。

W3C媒体类型条目:http://www.w3.org/TR/CSS2/media.html

在投影仪上使用时,是否有任何浏览器检测投影媒体类型?

这甚至可能吗?我有一种预感,就浏览器而言,投影仪只是一个屏幕,所以没有检测。如果我错了,那就太好了。

投影媒体类型是否有任何成功?

2 个答案:

答案 0 :(得分:8)

据我的研究显示,投影媒体类型目前仅在全屏模式下由Opera使用。

将我的计算机连接到投影仪并在我的显示设置中将显示模式设置为“投影仪”似乎对任何浏览器选择的样式表没有影响。

Code Style有一个很好的summary of different browsers and their compatibility,具有不同的CSS媒体模式。

答案 1 :(得分: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%}
}