“Zrób CSS Pełnego ekranu DIV” Kod odpowiedzi

CSS sprawiają, że DIV pełna wysokość ekranu

div {
    height: 100vh;
}
Clumsy Cormorant

Zrób CSS Pełnego ekranu DIV

height: 100vh
Diode

Pełny ekran div

$('#toggle_fullscreen').on('click', function(){
  // if already full screen; exit
  // else go fullscreen
  if (
    document.fullscreenElement ||
    document.webkitFullscreenElement ||
    document.mozFullScreenElement ||
    document.msFullscreenElement
  ) {
    if (document.exitFullscreen) {
      document.exitFullscreen();
    } else if (document.mozCancelFullScreen) {
      document.mozCancelFullScreen();
    } else if (document.webkitExitFullscreen) {
      document.webkitExitFullscreen();
    } else if (document.msExitFullscreen) {
      document.msExitFullscreen();
    }
  } else {
    element = $('#container').get(0);
    if (element.requestFullscreen) {
      element.requestFullscreen();
    } else if (element.mozRequestFullScreen) {
      element.mozRequestFullScreen();
    } else if (element.webkitRequestFullscreen) {
      element.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
    } else if (element.msRequestFullscreen) {
      element.msRequestFullscreen();
    }
  }
});
Cruel Chinchilla

Odpowiedzi podobne do “Zrób CSS Pełnego ekranu DIV”

Pytania podobne do “Zrób CSS Pełnego ekranu DIV”

Więcej pokrewnych odpowiedzi na “Zrób CSS Pełnego ekranu DIV” w CSS

Przeglądaj popularne odpowiedzi na kod według języka

Przeglądaj inne języki kodu