@media screen não funcionando

[rioleal 0]

Ao colocar o meu código:

@media screen and (min-width: 300px){
    body{
        background-color: rgb(250,255,230);
    }
}

A cor da página não muda.

O mesmo acontece com qualquer tag que eu queria mudar quando a resolução for menor que 300px.

 

minha chamada para css é: <link rel="stylesheet" href="css/css.css" media="screen"/>

[André do Vale 76]

Colocou a tag viewport?

[Maujor 144]

...eu queria mudar quando a resolução for menor que 300px

 

Então use:

@media screen and (max-width: 300px){...

 

e não

 

@media screen and (min-width: 300px){...