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;}