torno sull'argomento perchè c'è qualcosa che nn quadra.
prendiamo questa regola:
codice:
@media screen and (max-device-width: 1024px) {
    #logo {
        margin: 0 auto;
        width: 100%;
        height: 335px;
        background: url(../images/logo_1024.png) no-repeat center center; 
    }
}
se apro il pc che ha una risoluzione a 1024x768 vedo tutto bene.
se apro la stessa pagina su un Samsung Galaxy SII invece lo sfondo sfora di parecchio.
l'immagine di sfondo ha una risoluzione di 1000x335.
a questo punto mi chiedo dove sia l'errore.
cioè, di che dimensione dovrei fare l'immagine?