@ShootingStar

Актуален ли media query для retina?

Подскажите, этот media query для десктопной ретины сейчас актуален?

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {}
  • Вопрос задан
  • 10336 просмотров
Пригласить эксперта
Ответы на вопрос 1
.class {
    background: url('imgs/background.png') repeat;
}

@media 
only screen and (-webkit-min-device-pixel-ratio: 2), /* для Safari, Safari IOS */
only screen and (min-resolution: 192dpi), /* для IE 10, IE 11, Opera Mini */
only screen and (min-resolution: 2dppx) { /* для нормальных браузеров */
   .class {
       background: url('imgs/background-2x.png') repeat;
   }
}

css-tricks.com
caniuse.com
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы