問題描述
頁面主體部分全屏後，頁面中的全部彈窗不能顯示，退出全屏後，彈窗正常。
解決方法
校園項目中，全部用到的彈窗爲iview的彈窗組件，該彈窗組件會生成在body中，和項目主體app爲平行關係，項目主體全屏後，層級最高，彈出會被蓋在app層級下面，不能顯示。
解決方法--調用document.documentElementweb
// 全屏 requestFullscreen = (element) => { const element = element || document.documentElement if (element.requestFullscreen) { element.requestFullscreen() } else if (element.msRequestFullscreen) { element.msRequestFullscreen() } else if (element.mozRequestFullScreen) { element.mozRequestFullScreen() } else if (element.webkitRequestFullscreen) { element.webkitRequestFullscreen() } } // 退出全屏 exitFullscreen = () => { if (document.exitFullscreen) { document.exitFullscreen() } else if (document.msExitFullscreen) { document.msExitFullscreen() } else if (document.mozCancelFullScreen) { document.mozCancelFullScreen() } else if (document.webkitCancelFullScreen) { document.webkitCancelFullScreen() }