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

Question

我正在尝试 this example用于全屏 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。