[SOLUCIONADO] Media Queries en navegador de telefono movil

[ioniben]

Hola,
Estoy maquetando una web con la intención de que sea responsive design.
Para esto estoy utilizando Media Queries en el archivo css de esta manera:

Código:

@media (max-width: 700px) 
{
  header
  {
	/*Mis estilos*/
  }
}

Cuando lo pruebo en el pc me funciona perfectamente.
Si lo pruebo en el móvil usando el navegador opera me funciona bien.
Pero cuando utilizo otro navegador que tengo instalado por defecto no me funcionan las Media Queries .
Mi duda es si me falta declarar algo mas para que funcione en todos los navegadores.
Un saludo y gracias.

[juangemelo01]

¿amigo, exactamente que propiedades le estas dando a tu header y demas etiquetas?
si le pones por ejemplo un widht 500px; es logico que los dispositivos con menor resolución tengan un desface.
te aconsejo que nos pongas alguna captura de imagen sobre como se ve en tu movil y mas codigo para poder ayudarte mejor amigo

[ioniben]

por ejemplo un estilo que aplico es display:none.

pero mi problema es que en el navegador chrome no hace caso a las media querys pero en cambio el navegador opera si, navegadores de telefono movil claro.
gracias.

[ioniben]

Os dejo mis media querys..

Código:

@media (max-width: 700px) {

header{

	text-align:center;

}

header img{

float:none;

background:black;

padding:15px;

margin: 10px auto;
}

header nav{

float:left;

display:block;

margin: 15px;

padding:0;

width:100%;

text-align:center;

}

section{

margin:50px;

}

section article{

display:block;

width:80%;

}
 }

@media (max-width: 430px) {
.barra_usuario{

	display:none;

}

 }

[ioniben]

Solucionado, no conocia la etiqueta <meta name="viewport" content="width=device-width, initial-scale=1"> necesaria, gracias.

[pzin]

Siempre olvidáis poner el viewport.