Esclusivo CSS per iPhone / Android

Sto facendo un foglio di stile amichevole per cellulari per una mia pagina. C'è un modo semplice per farlo mostrare il foglio di stile per gli utenti iPhone / Android? O devo tirare gli agenti utente e capirlo in quel modo – e come faccio a farlo?

Inoltre – tutti gli strumenti per rendere più semplice questo tipo di web dev?

  • Errore: (1, 0) Plugin con id 'android' non trovato
  • Controllare la dimensione OverlayItem
  • java.lang.ClassCastException durante l'esecuzione di nuove `runnableThread` nella class` Service`
  • Utilizzando SeekBar per controllare il volume in android?
  • WearListenerService onDataChanged un comportmento strano
  • Come centrare gli elementi in ConstraintLayout
  • Utilizza AsyncTask per caricare immagini bitmap
  • Percorso di getExternalStoragePublicDirectory su Samsung Galaxy Note
  • Configurazione sicura: javax.net.ssl.SSLPeerUnverifiedException: Nessun certificato di peer
  • AlertDialog è questo un bug?
  • visualizzare i risultati di OnItemClickListener in un'altra attività
  • il webview di android appare nero
  • 4 Solutions collect form web for “Esclusivo CSS per iPhone / Android”

    Potresti fare qualcosa di simile, se il tuo foglio di stile è lo stesso per iOS / android.

    <link rel="stylesheet" media="only screen and (max-device-width: 480px)" href="css/mobile.css" type="text/css" />

    Ma se stai cercando di rilevare se è il iOS o Android, allora dovrai fare il rilevamento.

    In termini di rendere il dispositivo mobile più facile, c'è una tonnellata di cose:

    C'è qualcuno per iniziare 🙂

    Spero che questo ti aiuti.

    Prova questo, usando navigator.userAgent in JavaScript;) (per gentile concessione di questo post impressionante http://css-tricks.com/snippets/javascript/redirect-mobile-devices/ ):

     if ((navigator.userAgent.match(/iPhone/)) || (navigator.userAgent.match(/iPod/))) { alert("we've got an iDevice, Scotty"); } if (navigator.userAgent.match(/Android/)) { alert("Droid me baby"); } 

    rilevare ciò che esattamente utilizza l'utente e lo stile per il suo dispositivo mobile

    iphone 4

     @media screen and (device-width: 320px) and (device-height: 480px) and (-webkit-device-pixel-ratio: 2){ .inphone4CSS{} } 

    traget Target Samsung Galaxy S2

     @media screen and (device-width: 320px) and (device-height: 534px) and (-webkit-device-pixel-ratio: 1.5){ .GalaxyS2_CSS{} } 

    Ulteriori informazioni su di esso (o su altri dispositivi): Individuare un dispositivo specifico

    L'Android è un fan Android di Google, tutto su telefoni Android, Android Wear, Android Dev e applicazioni Android Games e così via.