当需要提供沉浸式体验，或者页面比较大的时候，可以使用HTML5全屏显示的功能。
如下示例所示，不过前提是你的浏览器支持HTML5 的requestFullscreen 功能
全屏显示
function full_screen(){
var el = document.documentElement
if (el.requestFullscreen) {
el.requestFullscreen();
} else if (el.webkitRequestFullScreen) {
el.webkitRequestFullScreen(Element.ALLOW_KEYBOARD_INPUT);
} else if (el.mozRequestFullScreen) {
el.mozRequestFullScreen();
} else {
// fail silently
alert("Your browser does not support Full Screen Mode");
}
}
发表于 06/03/2013 , 06:43 于分类 前端相关. Tags fullscreen, html5, JS
