真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

js怎么實(shí)現(xiàn)簡單頁面全屏-創(chuàng)新互聯(lián)

小編給大家分享一下js怎么實(shí)現(xiàn)簡單頁面全屏，希望大家閱讀完這篇文章之后都有所收獲，下面讓我們一起去探討吧！

成都創(chuàng)新互聯(lián)于2013年成立，是專業(yè)互聯(lián)網(wǎng)技術(shù)服務(wù)公司，擁有項(xiàng)目成都做網(wǎng)站、網(wǎng)站建設(shè)網(wǎng)站策劃，項(xiàng)目實(shí)施與項(xiàng)目整合能力。我們以讓每一個(gè)夢想脫穎而出為使命，1280元夷陵做網(wǎng)站,已為上家服務(wù),為夷陵各地企業(yè)和個(gè)人服務(wù),聯(lián)系電話:028-86922220

全屏效果為傳入div元素全屏：

代碼塊

 
 
 
 
js控制頁面的全屏展示和退出全屏顯示 
 

js控制頁面的全屏展示和退出全屏顯示
 
 
    #content:-webkit-full-screen {  background-color:rgb(255, 255, 12); }   document.getElementById("btn").οnclick=function(){   var elem = document.getElementById("content");   console.log(elem);   requestFullScreen(elem);  };  function requestFullScreen(element) {   var requestMethod = element.requestFullScreen || element.webkitRequestFullScreen || element.mozRequestFullScreen || element.msRequestFullScreen;   if (requestMethod) {   requestMethod.call(element);   } else if (typeof window.ActiveXObject !== "undefined") {   var wscript = new ActiveXObject("WScript.Shell");   if (wscript !== null) {    wscript.SendKeys("{F11}");   }   } }   

屏幕顯示差異

這里值得注意的是Gecko和WebKit實(shí)現(xiàn)之間的關(guān)鍵區(qū)別：Gecko 會為元素自動添加 CSS 使其伸展以便鋪滿屏幕：“width: 100%; height: 100%”。 WebKit 則不會這么做；它會讓全屏的元素以原始尺寸居中到屏幕中央，其余部分變?yōu)楹谏?。要在WebKit中獲得相同的全屏行為，您需要添加自己的“width：100％; height：100％;” CSS規(guī)則到元素自己

#myvideo:-webkit-full-screen {
 width: 100%;
 height: 100%;
}

注意

如果div不設(shè)置background style則使用webkitRequestFullScreen全屏?xí)r，div會被黑色填充.

看完了這篇文章，相信你對“js怎么實(shí)現(xiàn)簡單頁面全屏”有了一定的了解，如果想了解更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝各位的閱讀！


文章標(biāo)題：js怎么實(shí)現(xiàn)簡單頁面全屏-創(chuàng)新互聯(lián)
當(dāng)前鏈接：http://weahome.cn/article/cdcpig.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220（工作日）

18980820575（7×24）

提交需求

返回頂部