Skip to main content
2 de 5
cuerpo editado
David
  • 3k
  • 16
  • 70
  • 126

¿Porque cuando quiero hacer responsivo un div, mi altura no se modifica? [Media Queries]

Actualmente quier hacer responsivo mi sitio web, pero al momento de que quiero modificar algunas medidas de algunos elementos estos no se modifican, por ejemplo tengo una mascara que cubre unas de mis imagenes, la imagen si se adapta.

Visualizacion de mi imagen en modo responsivo.

introducir la descripción de la imagen aquí

Codigo de media queries

/** Se crea el diseño responsivo de forma manual **/
@media only screen and (min-width: 600px) and (max-width: 1200px) {
#navegacion {
display: none;
}

#navegacionIpad {
width: 20%;
}

#imgNi {
    width: 5%;
    height: 5%;
}
 
/** Este el estilo que deberia modificar la altura **/
.clMascara {
    height: 10%;
    background-color: red;
}

}

Visualizacion de consola

introducir la descripción de la imagen aquí

En la consola me muestra la figura de arriba y nose a que se deba eso.

David
  • 3k
  • 16
  • 70
  • 126