Do Mobile Devices request background images from desktop styles?
by Admiral Potato
HTML
<div id="image"></div>
CSS
*{
margin: 0;
padding: 0;
}
html, body, #image{
height: 100%;
width: 100%;
}
/*Desktop*/
#image{
background-image: url('http://goo.gl/rvD5s');
background-repeat: repeat;
background-position: center center;
}
/*Tablet Landscape*/
@media screen and (max-width: 960px){
#image{
background-image: url('http://goo.gl/lmBHm');
}
}
/*Tablet Portrait, Large Mobile Landscape*/
@media screen and (max-width: 780px){
#image{
background-image: url('http://goo.gl/lmBHm');
}
}
/*iPhone Landscape?*/
@media screen and (max-width: 680px){
#image{
background-image: url('http://goo.gl/MDfsP');
}
}
/*iPhone Portrait?*/
@media screen and (max-width: 360px){
#image{
background-image: url('http://goo.gl/Ru1ql');
}
}