[SOLUCIONADO] Web con Media Queries no me funciona en iPhone

[sistemas2011]

Hola.
Necesito de su apoyo para resolver el siguiente dilema.

He creado mi website, no lo pongo porque no se si esta permitido.
Peroles digo el probema:

Le he puesto Media Queries para que se compatibles con tabletas o iphone.
Lo he testeado con el emulador de google chrome y funciona bien.
Lo he testeado con Internet Explorer 8 y funciona bien.
y decide subierlo al hosting, el detalle ahora es que visualizo dicha página desde mi iPhone y la página se ve normal, es decir no respeta el media queries siguiente.

@media screen and (max-width:768) and (min-width: 10px)
{
....
}

Si lo habro con cualquier Navegador y lo redimensiono si que respeta la consulta y se adapta los estilos para Mobile.

¿Dónde podría estar el problema?

De antemano gracias por su ayuda y tiempo

[ryugen]

Añadiste la etiqueta meta con los detalles de las escalas de tu viewport en tu HTML?

Código HTML:

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

Con ellas le indicas al navegador que el ancho del dispositivo es igual al ancho de la pantalla, por momentos los dispositivos moviles cambian estos valores para que puedas ver páginas diseñadas solo para escritorio en los moviles

Referencia:
https://developer.mozilla.org/en-US/...wport_meta_tag

[sistemas2011]

Hola Ryugen,

Ciertamente no he agregado esa etiqueta.
GRacias.
Estoy en el trabajo, cuando llegue a mi casa hare el cambio.

Saludos

[sistemas2011]

Hola Ryugen

Efectivamente ha quedado resuelto con la etiqueta META que mencionas.

Saludos y gracias

[ryugen]

Entonces puedes marcar el tema con "solucionado"