Il mio sito, quando visualizzato su dispositivi mobili (iPhone4 per esempio), viene caricato in prima istanza zoomato sull'angolo alto-sinistro (praticamente sul logo!), il che č piuttosto disorientante, perchč non vi č contenuto, nč menu, nč... niente!
ll visitatore deve fare uno "zoom out" per visualizzare il resto di pagina e capire dove si trova!
E' possibile con css correggere la modalitā di visualizzazione di prima istanza?
Ecco il mio style per il mobile:
codice:
//visualizzazione ottimizzata mobile
@media (min-width: 768px) and (max-width: 979px){
.wrapper{ width:960px; }
}
@media (max-width: 767px) {
.wrapper{ width:960px; }
}
@media (max-width: 480px) {
.wrapper{ width:960px; }
}
@media (max-width: 320px) {
.wrapper{ width:960px; }
}
E nell'<head>, se puō interessare:
codice:
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />