Estou tentando que uma DIV
apenas seja mostrada em telas pequenas, então defini o seguinte:
@media screen and (max-width: 460px) {
#bloco{
display: block;
width: 100%;
height: 50px;
background-color: rgb(150,125,24);
}
fora do mediaquerie está
#bloco{
display:none;
width: 100%;
height: 50px;
background-color: rgb(230,25,24);
}
porém não funciona. Testei o contrario:
display:none;
no css padrão e
display: block;
no breakpoint e funcionou, porque isso tá acontecendo?