@media non cambia lo stile

[davide57]

Salve a tutti. Sto provando ad inserire dei @media per cambiare lo stile di alcuni elementi quando si utilizza il sito da cellulare ma non succede assolutamente nulla...


Il codice è il seguente (i valori height e width sono messi a caso giusto per vedere se funziona).

@media only screen (max-width:320px) {
     #mainwrapper{
        height:10px;
        width:10px;
    }
}


@media only screen and (min-width: 481px) and (max-width: 680px){
     #mainwrapper{
        height:10px;
        width:10px;
    }
}




@media only screen and (min-width: 681px) and (max-width: 778px){
     #mainwrapper{
        height:10px;
        width:10px;
    }
}

Anche cancellando la cache rimane invariato. Sto provando a vederlo tramite l'ispeziona elemento con la modalità device toolbar.

Qualcuno sa come mai?