Chciałbym podzielić urządzenia na kategorie według szerokości ekranu w kodzie JavaScript po stronie klienta

Wszystkie urządzenia pasujące do jednej ręki (7 ”mniej) do kategorii mobilnej

Traktuj inne urządzenia jako urządzenia stacjonarne

Fallback: traktuje urządzenia, które nie obsługują niezbędnych API, jako urządzenia mobilne

Pytanie

Które powiązane interfejsy API JavaScript i CSS można wykorzystać do wykrywania fizycznych wymiarów ekranu? Należy pamiętać, że te interfejsy API nie muszą być koniecznie obsługiwane w starszych przeglądarkach, ponieważ istnieje bezpieczny tryb awaryjny. Nie dbam też o starsze przeglądarki komputerów.

Obsługa Firefoksa jest opcjonalna - jeśli mają już kompatybilne API.

Pamiętaj, że chodzi owymiary fizyczne, a nie wymiary pikseli.