1.元素进入全屏:
标准:元素.requestFullScreen
2.元素退出全屏:
标准:document.exitFullscreen 退出全屏 与元素无关 是document文档退出
3.元素是否全屏:
标准:document.fullScreen 这个好像非必要 ie没找到方法
4.全屏伪类选择器
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.box {
width: 200px;
height: 200px;
background: green;
}
/*全屏伪类选择器*/
.box:fullscreen { /*标准写法*/
background: blue;
}
.box:-webkit-full-screen, { /*webkit内核 谷歌 Safari*/
background: blue;
}
.box:-moz-full-screen { /*moz内核 火狐*/
background: blue;
}
.box:-ms-fullscreen { /*ie浏览器*/
background: blue;
}
</style>
</head>
<body>
<div class="box">
<input type='button' class='full' value='全屏' />
<input