Quali sono le basi per la creazione di una pagina Web per un dispositivo mobile? Sto sviluppando una semplice pagina con una tabella e diversi collegamenti, ma quando la apro con il mio telefono Android è troppo piccola e devo ingrandirla per vederla chiaramente. Normalmente quando accedo a una pagina pronta per dispositivi mobili, posso vederla abbastanza chiaramente.Nozioni di base sulle pagine HTML per dispositivi mobili
Come posso farlo?
Cheers.
Si può iniziare a modificare le regole CSS e utilizzando i giusti meta tag:
http://learnthemobileweb.com/2009/07/mobile-meta-tags/
http://building-iphone-apps.labs.oreilly.com/ch02.html#ch02_id35932248
che risolveranno il problema di ridimensionamento. Per ulteriori riferimenti si possono leggere alcuni capitoli di questo libro: http://building-iphone-apps.labs.oreilly.com/
che mira a sviluppare webapps per iPhone, ma (dal momento che iPhone e Android entrambi utilizzano browser WebKit) può essere molto utile per Android troppo.
Se si vuole costruire ricco di funzionalità web app si può quindi dare un'occhiata a PhoneGap http://www.phonegap.com/
Molto dipende dalle dimensioni del display. Se non si sta costruendo il sito Web per adattarsi a una specifica dimensione dello schermo, sarà (molte volte) predefinito su una risoluzione standard del browser. Prova a impostare l'altezza e la larghezza CSS dell'elemento del tuo corpo su qualcosa di appropriato per il tuo telefono Android e ricarica la pagina.
Una volta che hai la giusta dimensione in mente, è come costruire qualsiasi altro sito web.
Avete impostato il DOCTYPE per XHTML Mobile?
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml- mobile10.dtd">
Hummm ... Non l'ho fatto neanche io, grazie! – vtortola