“Como alterar a imagem com base no tamanho da tela” Respostas de código

Como alterar a imagem com base no tamanho da tela

@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

fazer escala de imagem com base no tamanho da tela

background-size: cover
Orion

Respostas semelhantes a “Como alterar a imagem com base no tamanho da tela”

Perguntas semelhantes a “Como alterar a imagem com base no tamanho da tela”

Mais respostas relacionadas para “Como alterar a imagem com base no tamanho da tela” em CSS

Procure respostas de código populares por idioma

Procurar outros idiomas de código