HTML5中,可以透過Fullscreen將畫面變成全螢幕顯示
使用方法
Javascript
//選擇要全螢幕的元素
var el = document.getElementById('content');
if (el.requestFullScreen) {
el.requestFullScreen();
} else if (el.mozRequestFullScreen) {
//Firefox
el.mozRequestFullScreen();
} else {
//Chrome
el.webkitRequestFullScreen();
}
CSS
#content:full-screen {background:#FFF;}
#content:-moz-full-screen {background:#FFF;}
#content:-webkit-full-screen {background:#FFF;}
/* child selector */
#content:full-screen li {font-size:20px;}
#content:-moz-full-screen li {font-size:20px;}
#content:-webkit-full-screen li {font-size:20px;}