Sprawdzanie rozdzielczości ekranu
Wykrywa rozdzielczość ekranu, rozmiar viewport, DPI i głębię kolorów w czasie rzeczywistym.
Co to jest rozdzielczość ekranu?
Rozdzielczość ekranu to liczba wyświetlanych pikseli, wyrażona jako szerokość × wysokość (np. 1920×1080). Wyższa rozdzielczość oznacza więcej pikseli i ostrzejsze obrazy.
Co to jest stosunek pikseli urządzenia (DPR)?
DPR to stosunek pikseli fizycznych do pikseli CSS. DPR 2 oznacza, że jeden piksel CSS używa 2×2 pikseli fizycznych. Ekrany Retina mają zazwyczaj DPR 2 lub 3.
Jaka jest różnica między ekranem a viewport?
Rozdzielczość ekranu to całkowity rozmiar wyświetlacza. Viewport to widoczny obszar strony w oknie przeglądarki, mniejszy z powodu pasków narzędzi i pasków przewijania.
Dlaczego rozdzielczość się zmienia przy zmianie rozmiaru przeglądarki?
Przy zmianie rozmiaru okna przeglądarki zmienia się rozmiar viewport, ale rozdzielczość ekranu pozostaje ta sama. To narzędzie śledzi oba w czasie rzeczywistym.