vale, acabo de darme cuenta de porqué pasaba,
en el head del html tenia:
Código:
<!-- laptop -->
<link rel="stylesheet" type="text/css" href="css/08_portada_laptop.css" media="only screen and (min-width : 1281px) and (max-width : 1366px)">
<!-- laptop grande -->
<link rel="stylesheet" type="text/css" href="css/09_portada_laptop_g.css" media="only screen and (min-width : 1367px) and (max-width : 1440px)">
y en cada uno de esas dos hojas de estilo:
Código:
@media only screen and (min-width: 1281px) and (max-width: 1366px) {
...}
Código:
@media only screen and (min-width: 1367px) and (max-width: 1440px) {
...}
pero lo que sucede es que en 1366 me carga la segunda hoja, en lugar de la primera. ¿porqué?