检测是否处于全屏模式（3d 翻书）答案

【问题标题】：Detect if in fullscreen modus (3d flipbook)检测是否处于全屏模式（3d 翻书）
【发布时间】：2016-04-26 20:34:55
【问题描述】：

我使用 3d 翻书 jQuery 插件 (http://codecanyon.net/item/real-3d-flipbook-jquery-plugin/4281720)。

我用这些值自己设计了翻书的样式：

 .flipbook-main-wrapper{
    left:350px;
    right:350px;
    background: #4c4c4a !important;
    top:180px;
    bottom:200px;
    z-index:99999;
}

但是当你点击全屏模式时，我想给它一个具有这些值的类：

.flipbook-main-wrapper.active{
    top:0;
    bottom:0;
    left:0;
    right:0;
}

我已经在那个全屏按钮上尝试了一个点击事件，我还尝试了我在 stackoverflow 上找到的几个全屏检测，但它们都没有工作。是否有另一种方法来检测翻书是否以全屏方式打开？

谢谢！

【问题讨论】：

stackoverflow.com/questions/29998173 的答案可能对您有用。
谢谢！我在那个问题中找到了答案！
哪一个？我的还是佩德罗的？
当心浏览器支持不佳。我刚刚通过那里的答案进行了更新，以包含指向 caniuse.com 上相关表格的链接。

标签： javascript jquery html css pdf

【解决方案1】：

感谢 Shaggy，我找到了答案：

.flipbook-main-wrapper:-moz-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:-ms-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:-webkit-fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}
.flipbook-main-wrapper:fullscreen{
    top:0;
    bottom:0;
    left:0;
    right:0;
}

这么简单！

【讨论】：