0

简短的问题：我有一个简单的显示器和一个投影仪，两者都应该显示相同的浏览器窗口并加载相同的页面，但它们每个都有一些不同的内容。有什么方法可以使用 css 或 js（或者可能使用特定的浏览器扩展）来实现这一点？

更长的解释：我想用js和css构建一个小演示插件，最大的演示程序都在屏幕上有一个计时器，但在投影仪上没有。这个功能是我想要实现的。也可以添加注释或类似的东西，但所有这些都需要不同屏幕/投影仪上的不同内容，所以我需要一个解决方案。为此，即使是浏览器扩展也会很有用，因为我只想要我自己的插件。那么，您有什么建议吗？

4

2 回答 2

3

您可以指定不同的媒体。像这样：

@media projection{
//projection css
}

@media screen{
//screen css
}

然后，很明显，投影将适用于投影媒体，如幻灯片、投影仪等，而屏幕内容仅适用于计算机屏幕。现在，您可能想projection玩弄 CSS，因为我从未实际测试过它。但是你可以很容易地摆脱只使用这些screen东西将某些东西设置为display:block;，而它display:none;不是。

于 2012-09-11T13:41:31.940 回答
0

我想你可以在 CSS3 中使用媒体查询。

例如，请参阅 thinkvitamin.com，调整窗口大小并查看它如何根据屏幕大小排列 UI。

您还可以在特定屏幕分辨率下隐藏或显示 div，但我认为这仅适用于 CSS3。

于 2012-09-11T13:41:44.487 回答