Jeśli ekran ma np. 100x100 pikseli to wczytaj CSS dla smartfona, a jeśli od 300x300 pikseli, to dla komputera (desktop).
Urządzenie mobilne ma mały ekran, a monitor do komputera duży. Raczej tak się powinno myśleć, a nie jak wykryć urządzenie.
Jest coś takiego jak "viewport", chodzi o jednostki "vw", "vh".
view width, view height
Mi się to kojarzy z obrazkiem, który wykracza poza standardowe 100% "ekranu".