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


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

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

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

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

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


5352
2018-06-28 11:01


起源



答案:


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

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

代码风格 有一个好的 不同浏览器及其兼容性的摘要 使用不同的CSS媒体模式。


8
2018-06-28 11:06



很高兴收到实际尝试过的人。如果你能记住,你使用了哪些方法?样式表声明,常见css文件中的媒体块,@ import规则?我认为结果可能与每个结果相同,只是我想尽可能完整的图片。 - daveyfaherty


答案:


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

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

代码风格 有一个好的 不同浏览器及其兼容性的摘要 使用不同的CSS媒体模式。


8
2018-06-28 11:06



很高兴收到实际尝试过的人。如果你能记住,你使用了哪些方法?样式表声明,常见css文件中的媒体块,@ import规则?我认为结果可能与每个结果相同,只是我想尽可能完整的图片。 - daveyfaherty


我一直使用投影模式,但不幸的是只有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%}
}

2
2017-11-29 12:27