Характеристики OPPO Find X3 PRO

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

Это разрешение наиболее интересно дизайнерам и разработчикам, так как оно определяет точки останова и определение медиа-запросов. Обычно говорят только об этом разрешении.
Что касается OPPO Find X3 PRO, она составляет:

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

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


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

Проверьте ваш адаптивный сайт на OPPO Find X3 PRO благодаря расширению браузера.
Это бесплатно и активируется в 2 клика.

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

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

На OPPO Find X3 PRO она составляет 4

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

                        
                            @media only screen and (-webkit-min-device-pixel-ratio: 4) {
    /* CSS */
}

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

                        
                            window.devicePixelRatio
// Что вернет число 4

Разрешение производителя OPPO Find X3 PRO

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

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

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

Бесплатный макет OPPO Find X3 PRO в HD формате PNG и PSD с прозрачным фоном
Макет OPPO Find X3 PRO в HD PNG с прозрачным фоном Разрешение 760 ✕ 1690px (22.86 ko)