[SOLUCIONADO] No carga los css para dispositivos moviles

[paxarin]

Muy buenas.
estoy adaptando mi web a distintas resoluciones, pero por algun extraño motivo los css no cargan como deberian.
Este es el html

Código HTML:

<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" media="only screen and (min-device-width: 280px) and (max-width:320px)" href="css/320smartphone.css"  />
<link rel="stylesheet" media="only screen and (min-device-width: 330px) and (max-width:480px)" href="css/480smartphone.css"  />
<link rel="stylesheet" media="only screen and (min-device-width: 490px) and (max-width:768px)" href="css/768tablet.css"  />
 

El tema es que solo me coje el estilo principal que es style.css y cuando reduzco el tamaño carga la hoja 768tablet.css pero ya no carga el resto.
Por que podria ser?

[jomaruro]

Hola:

Iniciado por paxarin

El tema es que solo me coje el estilo principal que es style.css y cuando reduzco el tamaño carga la hoja 768tablet.css pero ya no carga el resto.
Por que podria ser?

No entendí muy bien, ¿Reduces el tamaño en el ordenador? Si es eso, lo más probable es que no te la interprete porque no es una tablet, ni un smartphone.

Saludos.

[paxarin]

Iniciado por jomaruro

Hola:



No entendí muy bien, ¿Reduces el tamaño en el ordenador? Si es eso, lo más probable es que no te la interprete porque no es una tablet, ni un smartphone.

Saludos.

Buenas.
No uso una de las herramientas de firefox y tengo unos tamaños predeterminados creados y cuando modifico dichos tamaños gracias a firebug puedo ver las hojas de estilo que cargan.
Pero eso ya lo solucione.