全屏接口的使用
1.开启全屏:requestFullScreen()
2.退出全屏:cancelFullScreen()
3.是否是全屏状态:FullscreenElement
兼容性:不同浏览器要添加不同前缀
谷歌:webkit- 火狐:moz- 微软IE:ms-
cancelFullScreen() & FullscreenElement 都是对document进行判断
CSS代码:
<style>
.box img {
width: 400px;
height: 300px;
}
</style>
</head>
<body>
<div class="box" id="box">
<img src="images/f3.jpg" alt="" id=