Проверка разрешения экрана
Определяет разрешение экрана, размер viewport, DPI и глубину цвета в реальном времени.
Что такое разрешение экрана?
Разрешение экрана — количество отображаемых пикселей, выраженное как ширина × высота (напр., 1920×1080). Более высокое разрешение означает больше пикселей и чёткое изображение.
Что такое соотношение пикселей устройства (DPR)?
DPR — отношение физических пикселей к CSS-пикселям. DPR 2 означает, что один CSS-пиксель использует 2×2 физических. Retina-дисплеи обычно имеют DPR 2 или 3.
В чём разница между экраном и viewport?
Разрешение экрана — общий размер дисплея в пикселях. Viewport — видимая область веб-страницы в окне браузера, которая меньше из-за панелей и полос прокрутки.
Почему разрешение меняется при изменении размера браузера?
При изменении размера окна браузера меняется размер viewport, но разрешение экрана остаётся прежним. Этот инструмент отслеживает оба в реальном времени.