establecer ajuste de imagen de fondo a la pantalla ejemplo de código css

Te sugerimos que revises esta solución en un entorno controlado antes de pasarlo a producción, un saludo.

Ejemplo 1: tamaño de la imagen de fondo css para ajustarse a la pantalla

htmlheight:100%bodybackground-image:url("../images/myImage.jpg");background-repeat: no-repeat;background-size:100%100%;

Ejemplo 2: establecer imagen de fondo css de pantalla completa

#mainBackgroundwidth: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, bodyheight:100%;margin:0;padding:0;

Ejemplo 3: pantalla de relleno css de imagen de fondo

.Backgroundbackground-image:url("Your picture name.jpg");background-repeat: no-repeat;height:100%;background-position: center;background-size: cover;

Ejemplo 4: imagen de fondo html ajustada a la pantalla

bodybackground-position: center;background-repeat: no-repeat;background-size: contain;

Ejemplo 5: pantalla de ajuste de tamaño de imagen de fondo css

htmlbackground:url(images/bg.jpg) no-repeat center center fixed;-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;

Te mostramos comentarios y calificaciones

Si te sientes a gusto, eres capaz de dejar una noticia acerca de qué le añadirías a este tutorial.

---

---

Utiliza Nuestro Buscador