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:
Ver original<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?