关于浏览器全屏

参考资料

https://developer.mozilla.org/en-US/docs/Web/Guide/API/DOM/Using_full_screen_mode

全屏插件

Screenful.js 是一个简单的跨平台的全屏API封装。它使不一样浏览器的全屏实现变得很平滑。并且可让任何元素全屏

备注：

在webkit浏览器中，全屏后，元素仍是实际大小，周围是黑色的。缘由及解决方法详见参考资料。

:-webkit-full-screen  {
  width: 100%;
  height: 100%;}