将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。