Skip navigation
balthaser
balthaser Calculating status...
Currently Being Moderated

Responsive Design media query question

May 18, 2012 4:37 PM

Hello all, please forgive the elementary question. If I have the following css, are both of the images loaded on the smaller device or only the background image for the appropriate media query?

 

@media only screen and (min-width: 960px) {

   

    bk-head {

     background-image: background-image: url(../images/BIGGER-IMAGE.png);

    }

   

}

@media only screen and (min-width: 768px) and (max-width: 959px) {

 

    bk-head {

     background-image: background-image: url(../images/SMALLER-IMAGE.png);

    }

   

}

383 Views   1 Reply   Latest reply: Nancy O., May 19, 2012 1:05 PM
 
Replies
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points