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();
}
}