ToolHub
Открыть инструмент

Определение разрешения экрана

Определение разрешения экрана и области просмотра с поддержкой тестирования адаптивных контрольных точек и обновления в реальном времени при изменении размера

Утилиты

Об этом инструменте

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

Основные функции

Быстрый просмотр

Сценарии использования

screen resolution viewport

Часто задаваемые вопросы

Какую информацию показывает инструмент определения разрешения экрана?

Инструмент отображает разрешение вашего экрана, размер области просмотра, соотношение пикселей устройства, доступную область экрана, текущую ориентацию (альбомную или портретную) и адаптивную контрольную точку, к которой относится область просмотра.

В чем разница между разрешением экрана и размером области просмотра?

Разрешение экрана — это физический размер монитора в пикселях (например, 1920x1080). Размер области просмотра — это видимая область окна браузера, которая обычно меньше полного экрана из-за интерфейса браузера, панели задач и настроек масштабирования.

Что такое соотношение пикселей устройства?

Соотношение пикселей устройства (DPR) — это отношение физических пикселей экрана к пикселям CSS. DPR равный 2 означает, что каждый пиксель CSS использует 2x2 физических пикселя, что характерно для дисплеев Retina и экранов с высоким DPI. Это влияет на рендеринг изображений и адаптивный дизайн.

Как тестировать адаптивные контрольные точки?

Инструмент отображает текущую ширину и высоту области просмотра в реальном времени. Изменяйте размер окна браузера, чтобы увидеть изменения размеров. Это помогает определить, какие контрольные точки CSS активны при разных размерах окна.

Можно ли определить ориентацию экрана?

Да. Инструмент показывает, находится ли экран в портретной или альбомной ориентации, что особенно полезно при тестировании адаптивных макетов на мобильных устройствах или поворотных мониторах.