Ciao a tutti e buon anno.
Sto cercando di uscire dal tunnel delle media queries in CSS. Lavoro con Chrome e caricando una pagina html premo F12 ed escono i dettagli della pagina.
Quando vado a scegliere la modalità di device con screen si comporta bene, è bravo, con smartphone fa i capricci.

Ho impostato tre breakpoint:
@media only screen
@media only screen and (orientationortrait) and (min-width:321px)
@media only screen and (orientation:landscape) and (max-width:800px)

Vorrei capire perché sull'emulatore non mostra correttamente quello che ho impostato nel css, ok che posso aver fatto errori ma tra display: none e lascia visibile un div non c'è tanto da sbagliare.
Quando faccio qualche prova sull'emulatore, mi accorgo che sto lavorando sulle righe dell'only screen anche se sono in modalità smartphone: perché? Devo impostare qualcos'altro?

Alcuni problemi li ritrovo nella realtà, ovvero caricando la pagina sul cellulare, ovvero il div di cui sopra, che su cell non dovrei vedere, mi si piazza lì in pole position... PERCHE'??? Nasconditi!!!

Bene, spero che qualcuno sappia darmi qualche risposta.
Ciao e grazie.
Ugo