注意:文字也可以進入全屏,在一些博客等文章性的頁面,兩側(cè)有一些廣告,可以使用全屏,來增加用戶體驗度。
例子:
// 進入全屏和退出全屏的方法:
// requestFullScreen
// cancelFullScreen
// 在不同瀏覽器下,需要添加內(nèi)核前綴,一般是:webkit和moz
// API調(diào)用方式:
// 進入和退出全屏的API只能經(jīng)由用戶事件調(diào)用觸發(fā),不能讓瀏覽器自執(zhí)行
// 任何一個標簽都可以調(diào)用全屏API進入全屏效果,一般常用于視頻標簽的全屏按鈕
var wrap = document.querySelector('.wrap'),
btn = document.querySelector('#btn');
btn.onclick = function () {
wrap.webkitRequestFullScreen();
}