jsはどのようにブラウザに自動的に全画面表示させます

//        ，            
function launchFullscreen (element) {
  if (element.requestFullscreencreen) {
    element.requestFullScreen()
  } else if (element.mozRequestFullScreen) {
    element.mozRequestFullScreen()
  } else if (element.webkitRequestFullScreen) {
    element.webkitRequestFullScreen()
  } else if (element.msRequestFullScreen) {
    element.msRequestFullScreen()
  }
}

        （       ，     ）

//      

 
  
launchFullscreen(dom) 
  
//フルスクリーン!
launchFullscreen( 
document. 
documentElement) 
 
  
 
  
//             
function exitFullscreen () {
  if (document.exitFullscreen) {
    document.exitFullscreen()
  } else if (document.mozCancelFullScreen) {
    document.mozCancelFullScreen()
  } else if (document.webkitExitFullscreen) {
    document.webkitExitFullscreen()
  }
}
//       !
exitFullscreen()
  
 
  
全屏样式CSS 
 
  
各种浏览器都提供了一个非常有用的全屏模式时的css样式规则：
 
  
 
  
 
   -webkit-full-screen { 
  
 
  

     color:#000; 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
   :-moz-full-screen { 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
   :-ms-fullscreen { 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
   :full-screen {  
   /*pre-spec */ 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
   :fullscreen {  
   /* spec */ 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
   /* deeper elements */ 
  
 
  
 
   :-webkit-full-screen video { 
  
 
  
 
     
   width: %; 
  
 
  
 
     
   height: %; 
  
 
  
 
   } 
  
 
  
 
   /* styling the backdrop*/ 
  
 
  
 
   ::backdrop { 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
   ::-ms-backdrop { 
  
 
  
 
     
   /* properties */ 
  
 
  
 
   } 
  
 
  
 
  
 
  
           meta      
  
 
  

<meta name="full-screen" content="yes">

<meta name="x5-fullscreen" content="true">

<meta name="apple-mobile-web-app-capable" content="yes" />