CSS Media Query para móviles y ordenadores

[ilda]

Hola:

Estoy tratando de instalar CSS Media Query, para adaptar mi sitio a moviles pero no me funciona.

Esto es lo que declaré:
<link href=”style.css” rel=”stylesheet” type=”text/css” media=”screen and (min-width: 481px)” />
<link href=”style1.css” rel=”stylesheet” type=”text/css” media=”handheld, only screen and (max-device-width: 480px)” />


Enlace a pagina que no funciona:
Enlace a la pagina


Enlace a pagina que funciona, pero sin CSS Media Query:
Enlace a pagina que funciona con CSS comun:

Muchas gracias por vuestra ayuda

[ArturoGallegos]

No se tu pero yo los veo exactamente iguales...

Igual prueba poner todos los estilos en un solo archivo, eso de cargar dos archivos solo por los media queries es una mala idea salvo que tu sitio sea increiblemente grande y/o tus estilos sean muy largos .

Yo suelo hacer uso de

Código CSS:

@media (max-width:XXXpx){
... /*estilos para una pantalla con ese maximo de ancho */
}