.bg {
background: url("../ipad.png") center center no-repeat;
} .bg2 { /*
* Set a base background for 1x environments. */ background: url("../ipad.png") center center no-repeat; background-size: 300px 149px;
/*
* Create an @2x-ish media query. */
/*
* Create media queries for all environments that the user has * provided images for. */
} @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min–moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
.bg2 { background: url("../ipad@2x.png") center center no-repeat; background-size: 300px 149px; }
} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.bg2 { background: url("../ipad@2x.png") center center no-repeat; background-size: 300px 149px; }
} .bg3 { /*
* Set a base background for 1x environments. */ background: url("../ipad.png") center center no-repeat; background-size: 300px 149px;
/*
* Create an @2x-ish media query. */
/*
* Create media queries for all environments that the user has * provided images for. */
} @media all and (-webkit-min-device-pixel-ratio: 1.5), all and (-o-min-device-pixel-ratio: 3/2), all and (min–moz-device-pixel-ratio: 1.5), all and (min-device-pixel-ratio: 1.5) {
.bg3 { background: url("../ipad@2x.png") center center no-repeat; background-size: 300px 149px; }
} @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
.bg3 { background: url("../ipad@2x.png") center center no-repeat; background-size: 300px 149px; }
} @media (-webkit-min-device-pixel-ratio: 3), (min-resolution: 288dpi) {
.bg3 { background: url("../ipad@3x.png") center center no-repeat; background-size: 300px 149px; }
}