Saltar al contenido

ejemplo de código html de pantalla completa iframe

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)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *