html - 将 CSS 应用于 HTML5 全屏 API？

Question

我正在为全屏 API尝试这个示例。是否可以将 CSS 应用于全屏元素（例如"#box"）？例如，我想全屏显示一些文本，所以我想让它的宽度占屏幕的 80% 并在那里添加一些填充。此外，是否可以仅在元素处于全屏模式时对其进行样式设置？谢谢。我试过这个：

#box:-webkit-full-screen {
    width: 50%;
    height: 50%;
    background: #FFFFFF !important;
  }
  #box:-moz-full-screen {
    width: 50%;
    height: 50%;
    background: #FFFFFF !important;
  }

这适用于 chrome，但 Firefox 会忽略宽度。

Answer 1

当您处理切换全屏模式时，您可以为 body 或 html 元素添加和删除一些类，并在此类的上下文中为全屏模式编写 css。