responsive non funziona con una risoluzione di un dispositivo

[sjpagan]

Salve a tutti, sto cercando di imparare come funzione il sistema responsive, sono alle prime armi e già riesco a fare le prime impostazioni, però ho un problema con la risoluzione di (540x960) appartenente a un htc sensation.
Se giro il dispositivo in orizzontale (960x540) funziona perfettamente, ma se lo giro in verticale, niente da fare, lo stile non viene applicato, quancuno di voi sa dirmi perchè ?

Sto seguendo questa guida:
http://www.html.it/pag/32820/introdu...onsive-design/

css=>
@media only screen and (min-width: 480px) {
nav{
background-color:yellow;
}

}
per essere sicuro di sapere a che risoluzione lavora il dispositivo, ho usato questo codice javascript=>

<script language="javascript">


var altezza = window.screen.height;
var larghezza = window.screen.width;
with (document) {

write("<div align='center'>");

write(" Risoluzione video attuale: " + larghezza + " X " + altezza + "
");
write("</div>");
}


</script>


grazie in anticipo

[Nobody33]

se usi @media ecc., non credo che ti serve anche il .js, almeno ché non devi fare altro.

prova con

@media(min-width:480px){ /*ecc..*/}

e vedi cosa esce.

Hai altre impostazioni a parte quelle mostrate?

[sjpagan]

no, ho solamente quello di settaggio, nel tutorial però dice che quel settaggio only screen and è importantissimo...

[Nobody33]

Ma l'hai provato?
E' importante basarsi sulla propria esperienza, non su quello che dicono gli altri; ti possono dare suggerimenti, ma nulla di più.

[sjpagan]

scusatemi, oggi non sono stato a casa... fra poco provo e vi faccio sapere...

[sjpagan]

provato, ma non cambia nulla....

[Nobody33]

Invece di <nav>, usa un contenitore con #id o una .classe.

Se funziona (ne sono sicuro), usa quello, sempre con i @media.

Se non dovesse ancora funzionare, cercati un sito responsive qualunque e verifica il tuo dispositivo. Guardati il codice sorgente del sito qualunque e vedi cosa cambia rispetto al codice sorgente.