可以用css全屏显示吗？

Question

我想知道是否可以覆盖全屏模式，就像我在使用F11键时所看到的那样。在许多flash网页中，这种覆盖全屏显示的模式都存在。如果可以在css .pl中编码。建议代码。 谢谢 例如http://www.flashmo.com/store/view-template-3057.html

Answer 1

Firefox 10 Aurora支持全屏API。 http://blog.pearce.org.nz/2011_11_01_archive.html

WebKit也有它。 http://peter.sh/2011/01/javascript-full-screen-api-navigation-timing-and-repeating-css-gradients

现在还不普及。

Answer 2

不，在CSS中无法做到这一点。

Answer 3

不，最好我知道css无法让浏览器全屏显示。但是，如果目标浏览器在F11上全屏显示，则可以通过jquery $（window）.resize事件拦截该事件。

有关详细信息，请参阅http://api.jquery.com/resize/。

Answer 4

你不能像闪存应用程序全屏一样全屏。

Answer 5

据我所知，你无法真正用CSS切换全屏。 这是我想出来的最好的......

样品

http://jsfiddle.net/dBd56/

CSS

.fullscreen{
    display: block;
    position: absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    margin:0;
    padding:0;
}

JS

$('#close').click(function() {
    $('#content').removeClass('fullscreen');
});

$('#fullscreen').click(function() {
    $('#content').addClass('fullscreen');
});

HTML

<div id="content" class="">
    Show me larger!

    <br />
    <input id="fullscreen" type="button" value="pseudo fullscreen"  />
    <input id="close" type="button" value="close"  />
</div>