“So ändern Sie das Bild basierend auf der Bildschirmgröße” Code-Antworten

So ändern Sie das Bild basierend auf der Bildschirmgröße

@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

Machen Sie die Bildskala basierend auf der Bildschirmgröße

background-size: cover
Orion

Ähnliche Antworten wie “So ändern Sie das Bild basierend auf der Bildschirmgröße”

Fragen ähnlich wie “So ändern Sie das Bild basierend auf der Bildschirmgröße”

Weitere verwandte Antworten zu “So ändern Sie das Bild basierend auf der Bildschirmgröße” auf CSS

Durchsuchen Sie beliebte Code-Antworten nach Sprache

Durchsuchen Sie andere Codesprachen