Почему разрешения для IPhon'а в DevTools отличается от реального?

Question

[DTX]

А пятого айфона 640×1136, а в девтулс вот:

Answer 1

[Ленар Фаттахов]

Потому что плотность пикселей x2

Comments

[DTX]

А где найти, что плоность пикселей x2? Т.е. как посчитать, какое реальное разрешение у, например, четвертого айфона?

[Ленар Фаттахов]

DTX: Там в правом верхнем углу есть три точки, если нажать на них, можно выбрать show device pixel ratio, это оно и есть

[DTX]

Ленар Фаттахов: Так как понять, какое DPR у четвертого айфона, если его нет в девтулс?)

[Ленар Фаттахов]

DTX: Вам лень гуглить что ли? mydevice.io/devices

[DTX]

Ленар Фаттахов: я гуглил "iphone dpr", но чет показалось, что выборка странная.. Спасибо!

Answer 2

[kn1ght_t]

в девтулс показано логическое, а не физическое разрешение
соответственно медиазапросы работают для логического разрешения
а вот всякие иконки нужно делать с учетом физического разрешения и плотности пикселей