Характеристики Apple iPhone 17 PRO (2025)

Разрешение области просмотра (правила CSS)

Это разрешение наиболее интересно дизайнерам и разработчикам, так как оно определяет точки останова и определение медиа-запросов. Обычно говорят только об этом разрешении.
Что касается Apple iPhone 17 PRO (2025), она составляет:

• 402 пикселей по ширине
• 873 пикселей по высоте ⚠️ высота является ориентировочной, так как браузеры Safari, Chrome и т.д. уменьшают видимую область

ℹ️ Некоторые аналитические инструменты показывают только разрешение производителя (ниже), а не то, что представлено выше, поэтому будьте внимательны при интерпретации результатов.

---

Доступно в симуляторе

Проверьте ваш адаптивный сайт на Apple iPhone 17 PRO (2025) благодаря расширению браузера.
Это бесплатно и активируется в 2 клика.

Установить расширение Chrome

---

Плотность пикселей

На Apple iPhone 17 PRO (2025) она составляет 3

Если вы хотите нацелиться в CSS на устройства с как минимум такой плотностью пикселей, вы можете использовать этот медиа-запрос.

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 3) {

                                /* CSS */

                            }
                        
                    

Также в javascript можно получить значение плотности пикселей.

                        
                            window.devicePixelRatio

                            // Что вернет число 3

                        
                    

---

Разрешение производителя Apple iPhone 17 PRO (2025)

Учитывая плотность пикселей, это дает:

• 1206 пикселей в ширину
• 2622 пикселей в высоту

---

Бесплатный макет HD в формате PNG