將CSS應用於HTML5全屏API？

Question

我正在嘗試使用全屏API的this example。是否可以將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。