Как вы верстаете и проверяйте под retina экраны?

Question

[Frel]

Как вы верстаете и проверяйте под retina (продукции apple нет) экраны?

Comments

[Lynn «Кофеман»]

А что там проверять?

[Victor Kowalski]

Самому интересно...

[Ankhena]

У хрома в адаптивном режиме есть выбор dpi

[Frel]

Алексей Тен: ну так разные размеры в ретине

[Lynn «Кофеман»]

Frel: разные размеры чего?

Answer 1

[Данил]

Не совсем ответ на ваш вопрос но возможно вам поможет:
Ситуация 1 - у вас в ТЗ нечего не написано о поддержке ретины но вы хотите чтобы там не было все плохо. В таком случае вы можете использовать эмуляторы/сайты которые тестируют и тд.
Ситуация 2 = у вас в ТЗ написано что должна быть поддержка ретина. Тут только один вариант и это купить Б/у дэвайс (лучше 2 разных с последней/предпоследней ОС) с ретиной и тестить на нем. Только так можно быть уверенным. Другие варианты не дадут вам гарантий того, что клиент при принятии роботы открыв, сайт на своем iPhone не заставит вас краснеть.

Answer 2

[George Postoronca]

imulus.github.io/retinajs

Answer 3

[Саша]

Frel
как вариант детектить ретину с помощью CSS

@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-resolution: 144dpi){
...
}

так же можно использовать srcset

<img 
	src="image-src.png" 
	srcset="
		image-1x.png 1x, 
		image-2x.png 2x, 
		image-3x.png 3x"
>