美文网首页
全屏显示

全屏显示

作者: PharkiLL | 来源:发表于2020-08-28 14:05 被阅读0次
 <style>
        #el:-webkit-full-screen{
            border: red solid 3px;
        }
    </style>
<div> 
      <img id="el" src="./img/mm1.jpg" alt=""> 
     <button id="full">全屏显示</button> 
</div> 
  <script>  
     document.querySelector("#full").onclick= function(){ 
     var el = document.getElementById("el"); 
        el.webkitRequestFullScreen() 
     } 
  </script> 

相关文章

网友评论

      本文标题:全屏显示

      本文链接:https://www.haomeiwen.com/subject/lfdlsktx.html