TAGS :Viewed: 6 - Published at: a few seconds ago

[ CSS: Chrome Ignoring media Query: works fine in IE? Why? ]

My website is here: http://biketurtle.co/Home.php

Here are the two CSS media queries:

@media all and (min-width: 800px){...}


@media all and (max-width: 799px){...}

The full CSS is here if it's helpful: http://jsfiddle.net/vj66T/

When I go to my .IE browser the page changes as I hoped it would. But, chrome just stays the same. I had a similar problem yesterday day where Chrome ignored overflow:auto and it worked in .IE that time also. I doubt these problems are related, but here was the solution yesterdays problem if it helps any bit: Google Chrome Bug - Overflow:auto | scroll doesn't work

Here is a picture of how it SHOULD look! on Chrome, but doesn't for smaller screens:

enter image description here

Answer 1

I am looking at the site in Google Chrome and it works just fine, the media queries are working fine and the layout is changing depending on the window width.

SOLUTION: The solution was to clear browser cache.

UPDATE: I see the same in Google Chrome

Screenshot of your page from Google Chrome