技术日新月异，各大浏览器对 HTML5 的支持也越来越好，我们不妨大胆的使用 HTML5 API 来提升用户体验。这一节我们来看看 Full Screen API 的使用及原理。
一、使用场景1.当我们看视频的时候，为提升用户体验，可能会需要视频窗口全屏化；
2.如果你恰好在对接地图业务，一张全屏的地图可能会更有视觉冲击力；
3.动态展示图片或动画全屏预览；
…
场景很多，但是使用 Full Screen API 一行代码就搞定了：
[size=1.4]1
| [size=1.4]$('.your-container')[0].webkitRequestFullscreen();
|
是不是很酷，当然，这只适用与 webkit 内核浏览器的情况，而且还是最理想状态
| 欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) |
黑马程序员IT技术论坛 X3.2 |