CSS Responsive-Medien reagieren nicht

Question

In Ordnung, aus irgendeinem Grund habe ich versucht, dies herauszufinden, kann aber nicht. Was ist daran falsch? Es wird überhaupt nicht angerufen. Ich versuche, ein einfaches responsives Theme einzurichten. Es ist irgendwie merkwürdig in dem Notizblock ++, wenn ich wie @medi tippe, wird es blau sein, aber sobald ich @media hinzufüge, wird es schwarz werden.

@media only screen and {min-width: 150px} and {max-width:600px} { 

    body { 
     width: 100%; 
     font-size: 100%; 
     background-color: black; 
    } 

    #header { 
     width: 50%; 
     height: 50%; 
     margin-top: 10px; 
    } 
} 

Answer 1

Ändern Sie Ihre geschweiften Klammern in runde Klammern und es beginnt zu arbeiten ..!

@media nur Bildschirm und (min-width: 150px) und (max-width: 600px)