how to change image based on screen size

Ammar Irfan answered on April 8, 2020 Popularity 9/10 Helpfulness 4/10

answer how to change image based on screen size

related make image scale based on screen size

how to change image based on screen size

Comment

@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");   
     } 
}

Popularity 9/10 Helpfulness 4/10 Language css

Source: Grepper

Tags: css image screen-size

Link to this answer
Share Copy Link

Contributed on Mar 16 2022

Ammar Irfan

0 Answers Avg Quality 2/10

Closely Related Answers

make image scale based on screen size

Comment

-2

background-size: cover

Popularity 9/10 Helpfulness 1/10 Language css

Source: Grepper

Tags: css

Link to this answer
Share Copy Link

Contributed on Apr 08 2020

Orion

0 Answers Avg Quality 2/10

how to change image based on screen size

Contents

More Related Answers

how to change image based on screen size

Closely Related Answers

make image scale based on screen size

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.