參考資料css
https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode web
全屏插件瀏覽器
Screenful.js 是一個簡單的跨平臺的全屏API封裝。它使不一樣瀏覽器的全屏實現變得很平滑。並且可讓任何元素全屏ide
備註：ui
在webkit瀏覽器中，全屏後，元素仍是實際大小，周圍是黑色的。緣由及解決方法詳見參考資料。spa
:-webkit-full-screen {
width: 100%;
height: 100%;}