Nuestro team especializado luego de varios días de trabajo y recopilación de de datos, dimos con la respuesta, queremos que te resulte útil en tu proyecto.
Ejemplo 1: configurar css de pantalla completa de imagen de fondo
#mainBackground
width:100%;
height:100%;
max-height:100%;
margin:0;
padding:0;
background-image:url("https://images.unsplash.com/photo-1487058792275-0ad4aaf24ca7?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=750&q=80");
background-size:100%100%;
background-repeat: no-repeat;
html, body
height:100%;
margin:0;
padding:0;
Ejemplo 2: div de pantalla completa de JavaScript
$('#toggle_fullscreen').on('click',function()document.webkitFullscreenElement);
#container
border:1px solid red;
border-radius:.5em;
padding:10px;<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script><div id="container"><p><a href="#" id="toggle_fullscreen">ToggleFullscreen</a></p>I will be fullscreen, yay!</div>
Comentarios y puntuaciones
Si entiendes que te ha sido provechoso este artículo, sería de mucha ayuda si lo compartes con otros seniors de este modo nos ayudas a extender nuestra información.
¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)