CSS中的“投影”媒体类型有多可靠？答案

【问题标题】：How reliable is the "projection" media type in css?CSS中的“投影”媒体类型有多可靠？
【发布时间】：2011-09-24 05:25:38
【问题描述】：

我正在从事一个公司项目，正在创建一个可以使用多年的系统。我最近在 css 中遇到了“投影”媒体类型，我在想象它可能为用户带来的潜在好处、进行演示等，但我不知道这是否只是我的想象，或者是否有这是一个现实世界的优势。到目前为止，我只知道某些版本的 Opera 在全屏模式下使用媒体类型。

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

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

这可能吗？我有一种预感，就浏览器而言，投影仪只是一个屏幕，所以没有检测到。如果我错了就好了。

有人在投影媒体类型方面取得过成功吗？

【问题讨论】：

标签： css types media projector

【解决方案1】：

据我的研究表明，投影媒体类型目前仅在全屏模式下被 Opera 使用。

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

Code Style 具有良好的 summary of different browsers and their compatibility 与不同的 CSS 媒体模式。

【讨论】：

很高兴听到有人真正尝试过它。如果你还记得，你使用了哪些方法？样式表声明、通用 css 文件中的媒体块、@import 规则？我认为每个结果可能都相同，只是我想要一张尽可能完整的图片。

【解决方案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%}
}

【讨论】：