## 全屏 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(); //是否为全屏状态 ``` ## 全屏伪类选择器 可以控制全屏的背景颜色.