Rozdzielczość Ekranu i Informacje o Monitorze
Twoja przeglądarka raportuje te wartości w czasie rzeczywistym. Zmień rozmiar okna, aby zobaczyć natychmiastową aktualizację viewport.
Rozdzielczość to liczba wyświetlanych pikseli poziomo × pionowo. Ekran 1920×1080 ma ~2 miliony pikseli. Wyższa rozdzielczość oznacza więcej szczegółów.
DPR porównuje fizyczne piksele z pikselami CSS. DPR wynoszący 2 oznacza dwa razy więcej fizycznych pikseli niż CSS — typowe dla ekranów Retina/HiDPI. Standardowe ekrany mają współczynnik 1.
Rozdzielczość to pełny fizyczny rozmiar ekranu. Viewport to widoczny obszar w oknie przeglądarki, bez pasków narzędzi i interfejsu. Oba zmniejszają się, jeśli okno nie jest zmaksymalizowane.
Częstotliwość (Hz) wskazuje, ile razy na sekundę ekran się odświeża. 60 Hz = 60 klatek na sekundę. Wyższe częstotliwości (120 Hz, 144 Hz) zapewniają płynniejszy ruch. Mierzymy przez timing requestAnimationFrame.