## 全屏 HTML5規范允許用戶自動以網頁上任意一個元素全屏顯示. ## Node.requestFullScreen() 開啟全屏 ``` var img = document.getElementById('img'); document.querySelector('#img').onclick = function () { if (img.requestFullScreen) { img.requestFullScreen(); //正常 } else if (img.webkitRequestFullScreen) { img.webkitRequestFullScreen(); //webkit } else if (img.mozRequestFullScreen) { img.mozRequestFullScreen(); //moz } else if (img.msRequestFullscreen) { img.msRequestFullscreen(); //微軟 , screen 的s是小寫 } else { img.oRequestFullScreen //歐朋 } } ``` ## Node.cancelullScreen() 取消全屏跟元素沒有關系,而是跟文檔有關系. ``` document.cancelFullScreen(); ``` ## 是否為全屏顯示 ``` document.webkitIsFullScreen(); //是否為全屏狀態 ``` ## 全屏偽類選擇器 可以控制全屏的背景顏色.