Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Retina media query not loading background image Re: Retina media query not loading background image

#115956
mikes02
Participant

The padding bottom had the – not sure why it didn’t paste. I tried updating my media query and it still isn’t loading the 2x background image, here is what I have:

#textured{background:url(‘images/background.png’) repeat;padding-bottom:7.0625em}

@media
only screen and (-webkit-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min–moz-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (-moz-min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (-o-min-device-pixel-ratio: 2/1) and (min-width: 320px),
only screen and (min-device-pixel-ratio: 2) and (min-width: 320px),
only screen and (min-resolution: 192dpi) and (min-width: 320px),
only screen and (min-resolution: 2dppx) and (min-width: 320px){
#textured
{
background: url(‘images/[email protected]’) repeat;
background-size: 50%;
}
}