CSS3 Media Query not working in Safari

css, media-queries, safari

Solution

do you have this below

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

you can put this before end tag of your head

Problem

I have a test site located here: 69.16.224.73 The media queries are working fine on IE9+, Firefox, Chrome, and Opera. But they do not work on Safari (version 5.1.7). Never seen this before, anybody have ideas? Here is the two media queries I have on my site: ``` @media only screen and (min-width: 600px) { } @media only screen and (min-width: 900px) { } ```

Original source