Newsgroup: it.comp.www.html
Titolo: Pagina per smartphone: dov'è il trucco?

Ho la home page che è semplicissima: 
www.kensan.it
 e mi aspettavo che
gli smartphone la visualizzassero nel modo migliore e non diversamente
da quanto fa un browser su pc. Invece lo sp (smarphone) visualizza le
immagini molto piccole e i caratteri microscopici facendo in modo che il
testo stia quasi interamente su una sola riga invece di visualizzare
caratteri leggibili su due, tre o quattro righe.
 
Io non ho fissato alcuna grandezza dei caratteri e lascio al browser la
libertà di decidere la grandezza che vuole: possibile che se non do
alcun tipo di font il browser visualizzi i caratteri più piccoli possibile?
-- 
Sandro kensan 
www.kensan.it
 & 
www.qiqi.it
 geek site
Saluto gli agenti della NSA - Hello NSA - 
www.nsa.gov
 
--
Newsgroup robomoderato - gli articoli vengono approvati automaticamente

 caratteri leggibili su due, tre o quattro righe.
 
I cellulari, se non gli dici niente, simulano uno schermo da 960 pixel di 
larghezza, per permetterti di vedere i vecchi siti non responsive a pieno 
schermo.
 
Ti basta mettere questo:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
nell'head e, magicamente, diventano larghi 320 pixel (sì, anche quelli 
retina e simili), ottenendo l'effetto che vuoi.
 
Con quella riga permetti all'utente di fare zoom. Se vuoi impedirlo ci 
sono altri parametri da mettere dentro il content.
 
Bye.


 sono altri parametri da mettere dentro il content.
 
Grazie Alessandro, mi serviva almeno la direzione per risolvere il
problema, adesso con qualche prova e qualche ricerca con google dovrei
essere a posto.
 
-- 
Sandro kensan 
www.kensan.it
 & 
www.qiqi.it
 geek site
Saluto gli agenti della NSA - Hello NSA - 
www.nsa.gov
 


 <meta name="viewport" content="width=device-width, initial-scale=1">
 
Ho letto qualche cosa in giro e la situazione mi pare complicata ma
secondo te mettere la riga che mi hai indicato qui sopra più una riga di
js che fa vedere una pagina ad hoc per la larghezza dello schermo
inferiore a 800 pixel (screen.width) ha senso? Perché mi pare che
qualche risultato si ottiene:
 
http://www.browserstack.com/screenshots/42321133fff554c890f62cf2d6cf3f572f89a09f
 
 
Il risultato è ok per tutti gli sp eccetto che per due galaxy.
-- 
Sandro kensan 
www.kensan.it
 & 
www.qiqi.it
 geek site
Saluto gli agenti della NSA - Hello NSA - 
www.nsa.gov
 


 Il risultato è ok per tutti gli sp eccetto che per due galaxy.
 
La verità è che nel mobile ci sono i cosiddetto pixel virtuali, che 
dipendono dalla densità di pixel del display.
 
Semplificando, su un cellulare in portrait, la larghezza è di solito 320 
(per quelli 320x480 con densità 1x, 640x960 per il 2x, 480x800 per 1.5x) 
o 360 (per quelli 720x1280 a 2x, per esempio).
 
Bye.


 o 360 (per quelli 720x1280 a 2x, per esempio).
 
Si, si ho letto ma ho anche letto che un pc ha densità 1x questo perché
lo schermo si vede da lontano e mi pare di avere capito che il viewport
è pari alla risoluzione dello schermo da cui la densità apri a 1x.
 
-- 
Sandro kensan 
www.kensan.it
 & 
www.qiqi.it
 geek site
Saluto gli agenti della NSA - Hello NSA - 
www.nsa.gov
 
