requestFullscreen()方法实现全屏显示

1、全屏模式：requestFullscreen()方法用于发出异步请求实现元素全屏显示

var screenDom = document.getElementById('monitoringStatistics');
 
      if (screenDom.requestFullscreen) {
        screenDom.requestFullscreen();
      } else if (screenDom.webkitRequestFullScreen) {
        screenDom.webkitRequestFullScreen();
      } else if (screenDom.mozRequestFullScreen) {
        screenDom.mozRequestFullScreen();
      } else if (screenDom.msRequestFullScreen) {
        screenDom.msRequestFullScreen();
      }

2、取消全屏模式：exitFullscreen()方法退出全屏模式

    if (document.exitFullscreen) {
        document.exitFullscreen();
      } else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      } else if (document.webkitExitFullscreen) {
        document.webkitExitFullscreen();
      } else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }

requestFullscreen()方法只能在用户交互或者设备方向改变的时候调用，否则将会失败，比如：在onload事件中不能触发
路由页面跳转需先退出全屏模式
进入全屏的元素，将脱离其父元素，所以可能导致之前某些css的失效，可以使用 :full-screen伪类解决
为元素添加全屏时的样式（使用时为了兼容注意添加-webkit、-moz或-ms前缀）
一个元素A全屏后，其子元素要再全屏，需先让元素A退出全屏

[感谢这位博主的奉献:]以上链接来自:(https://blog.csdn.net/xiaoxia...)