Nada
Lo he puesto así:
#cabecera {
width: 900px;
height: 167px;
background-color: #CCC;
}
#cabecera-mov {
display:none;
}
@media only screen and (max-width: 488px) {
#cabecera {
display:none;
}
#cabecera-mov {
width: 900px;
height: 100px;
background-color: #CCC;
}
}
¿Está bien puesto? Quiero que la capa cabecera-mov en un PC normal esté oculta y que en la versión móvil salga la cabecera móvil y oculte la de versión de escritorio.
Lo he probado en mi Motorola Moto G (navegador Chrome y Mozilla) y sigue saliendo la cabecera de escritorio. :S