Visualizzazione dei risultati da 1 a 2 su 2
  1. #1
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    217

    Visualizzazione sito mobile: no zoom

    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" />
    Ultima modifica di Tom1884; 26-04-2014 a 18:09

  2. #2
    Utente di HTML.it
    Registrato dal
    Sep 2010
    Messaggi
    217
    Ho risolto rimuovendo quella linea di codice in <head>

    In questo modo il sito viene visualizzato senza alcun adattamento al dispositivo mobile.

Tag per questa discussione

Permessi di invio

  • Non puoi inserire discussioni
  • Non puoi inserire repliche
  • Non puoi inserire allegati
  • Non puoi modificare i tuoi messaggi
  •  
Powered by vBulletin® Version 4.2.1
Copyright © 2024 vBulletin Solutions, Inc. All rights reserved.