Buenos días!
Estoy peleandome con un diseño que estoy haciendo en responsive design y hay una cosa que no entiendo...
Sé que el Responsive Design hecho con @media hereda las propiedades, pero no entiendo como teniendo el código como este:
Código CSS:
Ver original/*Para iphone*/
@media screen and (max-width:320px) and (max-height:480px){
header.cabecera{
width:320px;
left:0;
margin-left: 0;
}
}
/*Para tablets (kindle, etc...)*/
@media screen and (max-width:1024px) and (max-height:600px){
header.cabecera{
width:1024px;
min-height: 65px;
}
}
El valor que me está cogiendo es el de 1024 y no el de 320 cuando lo visualizo en iPhone o adapto la pantalla del PC a 320x480....
¿Cómo organizo entonces las distintas medidas para el responsive?