Foglio CSS mobile separato rispetto a una pagina mobile separata?

Question

Sto cercando di scoprire se sarà un uso migliore del mio tempo (ora e nel lungo periodo) per creare un foglio di stile separato per il mio sito mobile (che apparirà drasticamente diverso, ma usare lo stesso database informazioni ed elementi), o, creare un'intera nuova pagina mobile e rubare ciò di cui ho bisogno dal mio sito desktop.

Qualcuno ha un consiglio o sa cosa la maggior parte degli sviluppatori pratica quando si tratta di siti mobili?

Answer 1

è possibile utilizzare le query multimediali.

<link rel="stylesheet" media="screen" href="style.css" type="text/css" /> 
<link rel="stylesheet" media="handheld" href="mobile.css" type="text/css" /> 

O in CSS3

http://www.w3.org/TR/css3-mediaqueries/

Answer 2

Un sacco di siti in questi giorni si stanno concentrando sul primo cellulare, poi il porting ad una web app completa per i desktop. Sempre più peyote utilizzano i propri dispositivi mobili per navigare sul Web e un sito progettato per dispositivi mobili generalmente supporta i desktop meglio di quanto un sito desktop supporti i browser mobili.

ho letto device.is circa a HTML5 rocce qui: http://www.html5rocks.com/en/mobile/cross-device/

Answer 3

C'è un sacco di polemiche in questo. Personalmente preferisco le query sui media. e non sono TROPPO complessi, li ho inseriti nel mio file css usando @media FOO and (max-size: ###) { /*stuff*/ }

Un "sito web per dispositivi mobili" come solitamente m.domain.com, di solito è una versione molto ridotta. contenente alcuni prodotti, informazioni e un modo per contattare.

Perché nasconderei il resto delle preziose informazioni del tuo sito solo perché qualcuno si trova su un dispositivo più piccolo? il tempo di caricamento può essere un po 'più lungo poiché c'è più contenuto, ma assicurati che le cose super importanti siano above the fold. (o almeno più in alto nell'ordine di disegno)

È anche possibile includere molto facilmente i clic per chiamare e fare clic per i pulsanti mappa che vengono visualizzati con una determinata dimensione utilizzando le query multimediali.