Блог

Я хочу знать, возможно ли включить полноэкранный режим, как я вижу, когда использую клавишу F11.На многих веб-страницах flash присутствует этот режим отображения во весь экран.Если возможно закодировать это в css .пожалуйста, посоветуйте код. спасибо, например http://www.flashmo.com/store/view-template-3057.html

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

Сейчас это не универсально.

нет, это невозможно сделать в CSS.

Нет, насколько я знаю, css не может перевести браузер в полноэкранный режим. Однако, если ваш целевой браузер переключается на полноэкранный режим при нажатии клавиши F11, вы можете перехватить это событие с помощью события jquery $(window).resize.

Смотрите http://api.jquery.com/resize / для получения более подробной информации.

Вы не можете перейти на полноэкранный режим, как в приложении flash, переходящем на полноэкранный режим.

На самом деле вы не можете переключать полноэкранный режим с помощью 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>