C'è un modo semplice per impostare automaticamente una pagina HTML per gli utenti di telefonia mobile? La mia pagina: http://www.xiexianhui.com/baxjoomla15/index0.html a quanto pare non si adatta al mio telefono Sony Xperia Ray.Come posso rendere la mia pagina HTML automaticamente adatta agli utenti mobili?
Si dovrebbe prima dare un'occhiata ai concetti di Responsive Web Design. C'è solo troppo e questa domanda è troppo generica per rispondere a tutto. Ma in poche parole richiede 3 componenti:
Se si desidera che il proprio sito venga visualizzato completamente sullo schermo del telefono, è necessario utilizzare lo viewport meta tag. Mettere questo nel <head> della pagina:
<meta name="viewport" content="width=device-width">
e la vostra pagina sarà pienamente adattarsi allo schermo. Ma noterai che ora tutto è eccezionalmente piccolo e non utilizzabile. Il web design reattivo è la soluzione per questo.
Hmmm, mi spiace per la domanda che potrebbe sembrare ingenuo a voi. Ho aggiunto le meta informazioni come hai spiegato e caricato il nuovo file sul server, il link http://www.xiexianhui.com/baxjoomla15/index0.html continua a non funzionare per la mia cella, funziona per la tua cella o ipad? Grazie. – mdivk
Si sta utilizzando un layout basato su 'table'. Quasi nulla di cui le mie risposte o quelle altrui funzioneranno. La community del web design ha smesso di utilizzare i layout basati su 'table' e si è completamente impegnata in layout basati su CSS da qualche parte intorno al 2003/2004, a seconda di come la si guarda. E, tabelle a lato, stai posizionando il tuo contenitore #content principale come assoluto. Anche questo fa sì che tutti i suggerimenti in questa discussione non funzionino – kremalicious
Grazie per questo, non sono bravo in HTML, potresti farmi più luce su come creare questa pagina? Tutto ciò di cui ho bisogno è creare una pagina di tile come WIN 8 tile, dato che sembra un tavolo, ho creato un tavolo per prenderlo in giro. Sarebbe molto apprezzato se tu potessi creare una pagina di esempio per me. Grazie in anticipo. – mdivk
Per piggy-back su ciò che è già stato detto: WURFL, http://wurfl.sourceforge.net/, il file Wireless Universal Resource, è un Device Description Repository (DDR), cioè un componente software che mappa intestazioni di richiesta HTTP al profilo del client HTTP (Desktop, dispositivo mobile, tablet, ecc.) Che ha emesso la richiesta.
Una scorciatoia: prepara 3 diversi layout che copriranno i vecchi telefoni di base, i nuovi telefoni colorati e le funzioni di alto livello telefoni e PDA. Questo è un compito abbastanza semplice e allo stesso tempo offre grandi risultati. Darei anche questo link a questo link. http://mobiforge.com/developing/story/introduction-wurfl
Grazie, darò un'occhiata dopo, non sembra essere un lavoro di 5 minuti per me. – mdivk
Prova Bootstrap. Devo dire di più?
Per favore, dì di più. Forse dare alcuni esempi di utilizzo, ecc. –
possibile duplicato del [Tutorial layout di Responsive?] (Http://stackoverflow.com/questions/10061572/responsive-layout-tutorial) –