“Cómo cambiar la imagen en función del tamaño de la pantalla” Código de respuesta

Cómo cambiar la imagen en función del tamaño de la pantalla

@media screen and (max-width: 767px){   
    #main-img{      
        content:url("img/mobile_homepage.jpg");
    } 
}

@media screen and (min-width: 768px) {      
    #main-img{      
       content:url("img/tablet_homepage.jpg");
     } 
} 
@media (min-width: 992px){      
      #main-img{        
          content:url("img/desktop_homepage.jpg");  
      } 
}
@media (min-width: 1200px) {    
     #main-img{         
         content:url("img/desktop_homepage.jpg");   
     } 
}
Ammar Irfan

Hacer una escala de imagen basada en el tamaño de la pantalla

background-size: cover
Orion

Respuestas similares a “Cómo cambiar la imagen en función del tamaño de la pantalla”

Preguntas similares a “Cómo cambiar la imagen en función del tamaño de la pantalla”

Más respuestas relacionadas con “Cómo cambiar la imagen en función del tamaño de la pantalla” en CSS

Explore las respuestas de código populares por idioma

Explorar otros lenguajes de código