可以用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>