Проверить экран и разрешение

Просмотр разрешения экрана, доступной области, viewport, pixel ratio (DPI), глубины цвета, ориентации и настроек доступности (цветовая схема, reduced motion).

Проверка дисплея читает метрики `screen` и `window`: разрешение, avail size, inner/outer viewport, глубину цвета, device pixel ratio и ориентацию. Полезно для отладки адаптивной вёрстки, сравнения Retina/HDPI и понимания влияния pixel ratio на вёрстку — CheckProxy.org.

Сканирование дисплея…

Сканирование дисплея…

FAQ — экран, разрешение и DPI

Вопросы о разрешении, DPI, pixel ratio и viewport в браузере.

Разрешение — ширина/высота экрана (`screen.width/height`). Внутренний viewport — область контента страницы без chrome браузера — обычно меньше полного экрана.

Pixel ratio сопоставляет один CSS-пиксель с пикселями устройства. Значение 2 на Retina означает более чёткое изображение, но часто нужны ресурсы @2x — важно для проверки экрана и UI.

Color depth — бит на цветовой канал (часто 24 или 30). Pixel depth может совпадать или добавлять сведения о буфере — подсказка о качестве дисплея.

На телефонах и планшетах угол поворота (0°, 90°, …) и тип portrait/landscape помогают проверить адаптивную вёрстку и media queries.

Подсказки пользователя/ОС: тёмная или светлая тема и сокращённая анимация. Сайты могут читать их для адаптации UI и доступности.