Я правильно понимаю, ретина это только 2x картинки нужно загружать на сайт и все?

Question

[Дмитрий Аствафьев]

1. Я правильно понимаю что для поддержки ретина дисплеев нужно всего лишь загружать картинки 2 раза больше чем те что в макете ?

2. И как правильно определять ретина дисплеи ?
Так, или как сейчас определяют ?

@media screen and (-webkit-min-device-pixel-ratio: 2) and (max-width: 568px), 
screen and (-moz-min-device-pixel-ratio: 2) and (max-width: 568px),
 screen and (-ms-min-device-pixel-ratio: 2) and (max-width: 568px),
 screen and (-o-min-device-pixel-ratio: 2) and (max-width: 568px),
 screen and (min-device-pixel-ratio: 2) and (max-width: 568px) {
html, body {
        font-size: 12px;
    }
}

Comments

[Сергей delphinpro]

and (max-width: 568px) — это для чего?
Вы думаете ретина не бывает размером больше 568 пикселей?

[Дмитрий Аствафьев]

нет, это уже адаптив

Answer 1

[Philipp]

Сначала надо разобраться с понятием https://ru.wikipedia.org/wiki/Retina
Затем зайти в гости к Крису https://css-tricks.com/snippets/css/retina-display...
А потом можно почитать спеку для абсолютного просветления https://www.w3.org/TR/mediaqueries/

Comments

[Дмитрий Аствафьев]

FEBRUARY 14, 2013
это актуально ?

[Дмитрий Аствафьев]

почему не спеку https://www.w3.org/TR/css3-mediaqueries/ это же вроде как рекомендация не черновик или не это https://www.w3.org/TR/mediaqueries-4/ ?

[Philipp]

Дмитрий Аствафьев, в основе своей да, актуально. Обновил ссылку на спецификацию.

[Дмитрий Аствафьев]

Philipp, отлично. Спасибо, буду читать...