come utilizzare il css giusta per un dispositivo

Question

Sto creando un sito e dovrei usare i CSS differente per diverso dispositivo (pc, ipad, iphone) è possibile sapere quale dispositivo la gente usa per selezionare il css ???

Answer 1

Il migliori informazioni che avete sul quale piattaforma / dispositivo gli utenti stanno visualizzando il sito è la versione del browser, disponibile nel header HTTP. I dispositivi mobili possono dire che stanno usando Chrome (su un telefono Android) o IE (su un telefono Windows Mobile), ma si dovrebbe essere in grado di scoprire da informazioni sulla versione che si tratta di una versione mobile del browser.

Si potrebbe utilizzare Javascript per stili impostati in modo dinamico, o uno script lato server (ASP, JSP, PHP) per gli script di carico CSS. Quello che devi lavorare con dipende da ciò che il sito è scritto in. Essere consapevoli del fatto che, per rendere il dispositivo mobile eseguire uno script di grandi dimensioni JS per stili impostati in modo dinamico, non sarà molto performante su un dispositivo mobile.

Answer 2

Carica diverso CSS in base al tipo di supporto:

W3C -Media Tipi

Answer 3

Se la risposta di @Justin Niessner non dà abbastanza bene-controllo, si potrebbe provare a rilevare il browser / dispositivo dalla stringa user agent. Questo è visto di buon occhio da alcune persone, e non è garantito per essere precisi, ma potrebbe essere utile. In sostanza, di rilevare il browser in Javascript e quindi aggiungere dinamicamente il foglio di stile corretto. In alternativa, questo potrebbe essere fatto sul lato server.