Разрешение Экрана и Параметры Монитора
Браузер сообщает эти значения в реальном времени. Измените размер окна, чтобы увидеть мгновенное обновление viewport.
Разрешение — это количество пикселей по горизонтали × вертикали. Экран 1920×1080 содержит ~2 миллиона пикселей. Выше разрешение — чётче изображение.
DPR сравнивает физические пиксели с CSS-пикселями. DPR 2 означает вдвое больше физических пикселей, чем CSS — типично для Retina/HiDPI дисплеев. Стандартные дисплеи имеют соотношение 1.
Разрешение — полный физический размер экрана. Viewport — видимая область внутри окна браузера, без панелей инструментов и интерфейса. Оба уменьшаются, если окно не развёрнуто.
Частота (Гц) показывает, сколько раз в секунду обновляется экран. 60 Гц = 60 кадров в секунду. Более высокие значения (120 Гц, 144 Гц) обеспечивают более плавное движение. Мы измеряем через таймер requestAnimationFrame.