Sprawdź mój ekran i rozdzielczość
Sprawdź rozdzielczość ekranu, dostępny rozmiar, viewport, pixel ratio (DPI), głębię kolorów, orientację i preferencje dostępności (schemat kolorów, reduced motion).
To sprawdzenie ekranu odczytuje metryki `screen` i `window`: rozdzielczość, dostępny rozmiar, viewport wewnętrzny/zewnętrzny, głębię kolorów, device pixel ratio i orientację. Przydatne do debugowania responsywności, porównania Retina/HDPI i zrozumienia wpływu pixel ratio na układ strony — CheckProxy.org.
Skanowanie ekranu…
Skanowanie ekranu…
FAQ — ekran, rozdzielczość i DPI
Pytania o rozdzielczość, DPI, pixel ratio i viewport w przeglądarce.
Rozdzielczość to szerokość/wysokość ekranu (`screen.width/height`). Wewnętrzny viewport to obszar treści strony po odjęciu interfejsu przeglądarki — zwykle mniejszy niż pełny ekran.
Pixel ratio mapuje jeden piksel CSS na piksele urządzenia. Wartość 2 na ekranach Retina oznacza ostrzejsze obrazy, ale często wymaga zasobów @2x — ważne przy sprawdzaniu ekranu i UI.
Głębia kolorów to bity na kanał koloru (często 24 lub 30). Głębia pikseli może być zgodna lub dodawać informacje o buforze — przydatna jako wskazówka jakości wyświetlania.
Na telefonach i tabletach kąt obrotu (0°, 90°, …) i typ pionowy/poziomy pomagają weryfikować responsywne układy i media queries.
To wskazówki użytkownika/systemu: ciemny lub jasny motyw i ograniczona animacja. Strony mogą je odczytać, aby dostosować UI i dostępność.