Как при верстке правильно отображается мобильная верстка?

Question

[Kostylev2021]

Загуглил сколько разрешение у айфона 13 и оказалось что 2532×1170 .Как при верстке правильно отобразиться мобильная верстка если количество пикселей на экране соответствует (1170) коду для планшета ?

Comments

[Ankhena]

Загуглил сколько разрешение у айфона 13 и оказалось что 2532×1170

Только это не размер вьюпорта.
https://www.esolutions.se/en/test

Answer 1

[Sagrana]

Из-за высокой плотность пикселей современных экранов, CSS-пиксель не равен физическому пикселю, поэтому на самом деле у браузеров на мобильных устройствах (да и на ноутбуках) разрешение гораздо меньше.

Answer 2

[lil_koi]

если ты работаешь в chrome.

1. открываешь панель разработчика
   
2. нажимаешь справа на планшетик или телефончик
   
3. открывается мобильная версия
   
4. выбираешь нужный тебе iphone