CSS伪类设置全屏样式

css伪类:fullscreen应用于当前处于全屏显示模式的元素。它不仅仅选择顶级元素，还包括所有已显示的栈内元素。

W3C标准使用不带破折号的单词

:fullscreen

但Webkit和Gecko应用接口各自使用前缀带有破折号的变量：

:-webkit-full-screen
:-moz-full-screen

写法

:-webkit-full-screen{
    .header-section{
        display: none;
    }    
}
:-moz-full-screen{
    .header-section{
        display: none;
    }
}

js方法点击实现全屏效果，退出全屏请百度：

$scope.fullScreen = function () {
    var docElm = document.documentElement;
    if (docElm.requestFullscreen) {
        docElm.requestFullscreen();            
    }
    else if (docElm.msRequestFullscreen) {
        docElm.msRequestFullscreen();
    }
    else if (docElm.mozRequestFullScreen) {
        docElm.mozRequestFullScreen();
    }
    else if (docElm.webkitRequestFullScreen) {
        docElm.webkitRequestFullScreen();
    }
}