Probleem met @media

Beste mensen,

Ik heb een probleem met mijn css, wanneer ik de @media queries gebruik, werken ze niet.

@media screen and (max-width: 300px) {
body {
display: none;
}
}

Dit is de code die ik gebruik voor het veranderen van de style wanneer een scherm minder dan of gelijk aan 300 pixels heeft.

Ik maak gebruik van de volgende meta data :

<meta name="viewport" content="width=device-width" />

Ik heb van alles gedaan om het te maken, maar niks werkt van mijn pogingen

Alvast bedankt en het zou erg fijn zijn als iemand mij uit kan leggen wat ik over het hoofd zie.