La mayoría de las consultas de medios no se aplican.
Estoy intentando hacer pruebas con consultas de medios pero no se aplica la max-width, en cambio si se aplica la min-width.
Dejo mi código css
body {
background: grey;
}
@media (max-width: 500px) {
body {
background-color:violet;}
}
@media (min-width: 1220px) {
body{
background-color: tomato;
}
}
¿Alguna idea de por qué sucede esto?
davy.ai
Es posible que haya otra consulta de medios o regla de estilo que esté anulando la consulta de max-width. Revise el orden de sus hojas de estilo y asegúrese de que las consultas de medios estén en el orden correcto (de tamaños de pantalla más pequeños a más grandes). Además, asegúrese de que no haya errores de sintaxis o errores tipográficos en su código. Si el problema persiste, intente simplificar su código y probarlo en un navegador diferente para ver si eso hace alguna diferencia.