Css elastico
Author: Pasquale D.
Visited 1835,
Followers 1,
Shared 0
Buon giorno.
Se guardo sul mio N8 della nokya, un sito fatto con la versione 10 EVO, si adatta al mio smartphone.
Se invece guardo un sito fatto con un software qualsiasi , sul mio N8, non si adatta al mio smartphone.
Se invece guardo un sito fatto con un software qualsiasi, sul mio N8, però dove in head ci sono determinati istruzioni e css ad hoc, si adatta al mio smartphone.
Mi chiedo, in wsx5 10, cosa genera per creare un sito che si adatta anche al mio n8 (quando in head non ci sono istruzioni in merito)?
Grazie!
Posted on the
Significa che anche WS è fatto ad hoc....
<meta name="viewport" content="width=XXX" />
Author
@mirko, non ho dubbi che sia fatto ad hoc.
@silver, grazie l'ho visto. Ma possibile che basti solo quella riga di codice, per visualizzarlo corettamente su di uno smartphone o tablet?
quel meta tag non fa altro che dire al browser del dispositivo mobile (quasi tutti) quanti px in larghezza devono essere mostrati nello schermo indipendentemente dalla risoluzione di questo.
detto in termini terra terra, poi si potrebbero anche aggiungere altre istruzioni,
se vuoi approfondire basta cercare viewport con GG
Author
si grazie, vorrei approfondire, ma non ho capito : "cercare viewport con GG "
:)
Grazie!
GG=GooGle
Author
http://www.html.it/pag/33420/il-meta-tag-viewport/
Ok, grazie gentilissimo.
Scusa ma, GG non l'ho mai trovato scritto. :)
Author
Buon giorno, scusate se ritorno sull'argomento, ma c'è una cosa che non mi torna.
Io dico che il sito deve essere largo : 960 pixel.
Questo mi consente, di vederlo correttamente su di uno smartphone o su di un monitor piccolo.
Su di un monitor grande, io vedrò un margine a dx e sx.
Se non volessi vedere questo margine, potrei portare la larghezza del sito a 1920 pixel.
Però.....su di un monitor piccolo, vedrò il sito decentrato.
Avete rimedi?
Grazie!
p.s.
Perchè in questo caso il
<meta name="viewport" content="width=XXX" />
non funziona?
Author
Buon giorno, scusate se ritorno sull'argomento, ma c'è una cosa che non mi torna.
Io dico che il sito deve essere largo : 960 pixel.
Questo mi consente, di vederlo correttamente su di uno smartphone o su di un monitor piccolo.
Su di un monitor grande, io vedrò un margine a dx e sx.
Se non volessi vedere questo margine, potrei portare la larghezza del sito a 1920 pixel.
Però.....su di un monitor piccolo, vedrò il sito decentrato.
Avete rimedi?
Grazie!
p.s.
Perchè in questo caso il
<meta name="viewport" content="width=XXX" />
non funziona?
Buongiorno Pasquale,
il metodo migliore è quello di realizzare due siti uno per desktop e uno a doc per Mobile.
Poi potrai utilizzare un redirect anche da server con htaccess così da far accedere al simo mobile nel caso si usi un dispositivo mobile.
Prova a informarti sull'argomento, spero di esserti stato utile.
Author
Ciao Riccardo, scusa se ritorno sull'argomento ma la mia domanda era un'altra.
Provo a riformulartela :
Se imposto una larghezza del sito a es; 1920px, mi succede che se lo guardo su di un monitor piccolo 1024x768 pixel, il sito è decentrato e quindi per poter vedere la parte centrale del sito, debbo muovere lo scroll orizzontale.
Domanda :
C'è un metodo, per visualizzare in questa ipotesti, in automatico la parte centrale del sito?
Non so se è chiaro.
Grazie!