Estoy probando un sitio web que estoy desarrollando y estoy usando consultas de medios.

Cuando pruebo y redimensiono la página en un navegador, todo está bien.

Pero cuando pruebo en mi dispositivo móvil, encuentro un problema cuando cambio la orientación del teléfono.

Si carga la página enlandscape Modo, se aplican los CSS correctos.

Cuando cambio aportrait, los CSS también son correctos.

Pero si vuelvo alandscape, laportrait Las clases de css todavía se están aplicando.

Estoy usando estos metatags

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

Y en mis consultas de medios tengo

@media 
only screen and (max-width: 610px),
only screen and (max-width: 610px) and (orientation:landscape) { ... }

@media
only screen and (min-device-width: 240px) and (max-device-width: 520px),
only screen and (min-width: 240px) and (max-width: 520px) { ... } 

He alertado al ancho del dispositivo para asegurarme de que está bien y enlandscape el modo es598px ancho yportrait es384px

Estoy usando un Nexus 4 (Android 4.3)

¿Cómo es que el CSS no se aplica una vez que cambio la orientación?

EDITAR: Si carga el sitio enportrait y luego cambiar alandscape, el CSS no se aplica. Es como si una vez que fuera a la resolución más pequeña, no pudiera volver atrás.