search

milohuang / reverie

Reverie is a versatile HTML5 responsive WordPress framework based on ZURB's Foundation.
http://theakiba.com/reverie/
MIT License
919 stars 196 forks source link

Media queries are not responding where I want them to #299

Open uphamg opened 9 years ago

uphamg commented 9 years ago

This is the test site url

http://shiftisgoodweb.com/site-design

I have been racking my brain on this for a couple of hours now. I have no idea what is wrong. I now have a site where I put in a fresh install of reverie, and just put one section of code in the css here ...

@media only screen and (min-width: 1140px) {

body { background: yellow; }

}

For some reason, instead of the background turning yellow at 1140px, it turns at 1244px according to the responsive design view in firefox.

I checked the html on this page and the css and aside from the images not having some alt tags, there were no errors.

Can anybody please help. I've probably built 10-12 sites with reverie and have never had this problem.

Thanks in advance.

uphamg commented 9 years ago

Solved. Was zoomed in once on a tab and I guess it applied to any new tab I opened up so it caused the breakpoints to not match up. I am dumb.