wie man die richtige CSS für ein Gerät verwenden

Question

Ich erstelle eine Website und ich sollten verschiedene CSS für verschiedene Geräte (PC, ipad, iphone) verwenden ist es möglich, das Gerät Menschen die CSS ???

auszuwählen verwenden zu wissen

Answer 1

Die besten Informationen, die Sie haben auf das, was Plattform / Gerät Ihre Benutzung der Website sehen auf die Browser-Version, verfügbar im HTTP-Header. Mobile Geräte können sagen, dass sie mit Chrome (auf einem Android-Handy) oder IE (auf einem Windows-Handy), aber Sie sollten von den Versionsinformationen entdecken können, dass es eine mobile Version des Browsers.

Sie JavaScript, um dynamisch eingestellt Stile verwenden könnte, oder ein serverseitiges Skript (ASP, JSP, PHP) zu laden CSS-Skripte. Was Sie Arbeit haben, hängt davon ab, was Ihre Website geschrieben ist. Beachten Sie, dass das mobile Gerät einen großen JS-Skript dynamisch gesetzt Stile lief zu machen wird nicht auf einem mobiles Gerät sehr performant sein.

Answer 2

Laden verschiedene CSS basierend auf dem Medientyp:

W3C -Media Typen

Answer 3

Wenn die Antwort @Justin Niessner ist nicht genug, um die Feinsteuerung nicht geben, könnten Sie versuchen, den Browser / Gerät aus dem String-User-Agenten zu erkennen. Dies ist verpönt von einigen Leuten, und es ist nicht genau sein garantiert, aber es könnte hilfreich sein. Grundsätzlich erkennt der Browser in Javascript und dann dynamisch die richtige Sheet hinzufügen. Alternativ kann diese done serverseitige sein könnte.