problema css responsive

[jimbo0]

salve, ho delle media query banali

@media (max-width: 1000px) { div{ width:50%}}


@media (max-width: 700px) { div{ width:100%}}

se ridimensiono la finestra del browser funziona tutto come dovrebbe,
ma con la view mobile di chrome, ridimensionando a meno di 700px di larghezza, trovo ancora il div a 50%.

Lo stesso accade direttamente su chrome su android.
Cosa sto dimenticando? qualche meta tag?

<meta name="viewport"..

[ResianTaxidrive]

dev'essere una minuzia o qualcosa che fa sì che non si riesca a dire senza vedere la pagina in questione.

[jimbo0]

ti ho mandato un pvt col link..

[ResianTaxidrive]

Aggiorno in caso possa essere utilea qualcun altro.
Jimbo ha risolto inserendo il metatag viewport che è determinante quando si fanno siti responsive.
Presumo abbia messo quello standard.

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

In caso jimbo dicci se ne hai messo un altro.

[NNGNews]

Scusate, scrivo qui così non sto ad aprire un altro post,visto che il mio problema è identico.
Sono pressochè a digiuno di CSS
o un footer in cui ho "spalmato" un div in orizzontale utilizzando il padding e width 29% 33% e 29%, su PC tutto bene, come faccio a renderlo responsive sia per tablet che smartphone ? è sufficiente indicare @media ?
Grazie mille in anticipo

[jimbo0]

confermo, ho risolto col metatag

<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0">

(user-scalable=no impedisce all'utente di zoomare)

[ResianTaxidrive]

NNGNews apri un altro thread visto che non è per niente identico. Tu parli di media queries mentre qui si sta parlando di meta tags.