CSS3 Media Query not working in Safari

Question

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) { }

Answer 1

do you have this below

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

you can put this before end tag of your head