Pagine diverse per dispositivi mobili?

Naviga le tue risposte
2

Sto tentando di migrare alcune delle mie pagine già esistenti a bootstrap 3 e mi sto chiedendo il miglior design per farlo.

Sui dispositivi non mobili, visualizzo un elenco di elementi sulla sinistra. Se fai clic su un elemento, verrà visualizzata una sezione di dettaglio o una finestra di dialogo.

Sul cellulare, tuttavia, ho bisogno che questo scivoli in una nuova pagina di modifica.

Ho cercato su google come farlo con un singolo set di codice di bootstrap reattivo, ma non ho visto nulla che corrisponda esattamente a quello che sto cercando.

Mi sembra di aver bisogno di modelli completamente diversi. Uno per dispositivi mobili e uno per dispositivi mobili. C'è un modo migliore per farlo, o è questo l'approccio giusto?

    
posta Scottie 10.05.2016 - 22:59
fonte

3 risposte

1

Potresti utilizzare le query multimediali che nascondono / visualizzano "barre laterali" separate In questo modo puoi tenere insieme tutti i tuoi contenuti originali e avere solo due elenchi di collegamenti separati (uno per dispositivi mobili altro per dispositivi mobili) e farli fare cose separate .

Vuoi ridurre la quantità di codice duplicato. Se è più solo grazie alle azioni dei link, puoi prendere in considerazione un modello completamente nuovo.

    
risposta data 11.05.2016 - 02:31
fonte
-2

Penso che ci debbano essere pagine diverse per i dispositivi mobili. L'esperienza ideale su entrambi è diversa.

Le dimensioni dello schermo sono così piccole che una larghezza fissa di 25 pixel è una percentuale molto maggiore dello schermo. Sui dispositivi mobili, i collum sono più facili da leggere rispetto alle lunghe righe di testo.

Un'altra cosa è il touch screen per dispositivi mobili. Molto più comune, specialmente con gli iPhone.  Su schede non mobili, le schede possono portarti in ordine attraverso una pagina. Supponendo di avere pulsanti o caselle di testo, essere guidati nell'ordine giusto è bello.

    
risposta data 11.05.2016 - 02:31
fonte
-5

È consigliabile prendere in considerazione la creazione di nuovi modelli per la migrazione poiché i vecchi modelli sono raramente adatti per la progettazione reattiva.

    
risposta data 11.05.2016 - 00:24
fonte

Leggi altre domande sui tag

Linee guida per il processo di ottimizzazione HTML / CSS / JS Le definizioni di passi cetriolo in Java possono essere metodi statici o metodi di istanza?