problema con chrome e display: none

[asch]

Ciao,
non riesco a nascondere l'elemento con chrome, mentre su firefox, opera e microsoft edge funziona.
Avete idea del perchè?

@media (max-width: 480px) {
    .nascondi {
        display: none !important;
    }
}



<div class="media-body nascondi">
    <p>Testo</p> 
</div>

[KillerWorm]

Ciao, è possibile che tu non veda il risultato perché Chrome potrebbe applicare uno zoom automatico quando la dimensione della finestra risulta ridotta. In tal caso dovresti comunque vedere la scritta "Testo" più piccola.

Per impedire questo comportamento puoi inserire questo nell'head:

<meta name="viewport" content="width=device-width, initial-scale=1">

[asch]

l'istruzione che mi hai indicato già c'era. Oggi o riacceso lo smartphone, ho riaperto Chrome e l'istruzione funzionava. Era un problema di cache, l'aggiornamento della pagina non era sufficente.
Grazie per la risposta, ciao