Today I started working on a small personal project and noticed that the media queries in my css are only being respected and working properly when I’m using the IDE browser to preview my work. When I launch the URL generated by running the app with Chrome, the media query has overridden the original CSS. I’m truly stumped as to what is happening. I have even tried setting both a min-width and max-width media query for the rule but that doesn’t work either.
I hadthe exact same problem. No matter what, my media queries would only work in the preview window. Solution:
ADD:to the head section. It's not a cloud9 thing.