Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Nested media queries breaks Respond.js support in LTE IE8 #186

Closed
pzula opened this issue Mar 13, 2013 · 3 comments
Closed

Nested media queries breaks Respond.js support in LTE IE8 #186

pzula opened this issue Mar 13, 2013 · 3 comments

Comments

@pzula
Copy link

pzula commented Mar 13, 2013

Hey all,
I just wanted to give you a heads up for another issue that you may run across in trying to get Respond.js working in IE8. This is probably a "will not fix" issue -- but I thought I would at least document it.

The standards state that you should be able to nest media queries, however, it seems that there isn't much browser support for this yet. So if you are nesting media queries and then expect Respond.js to render the appropriate styles in IE 8 or below, beware that it will not function :)

@ndorfin
Copy link

ndorfin commented May 3, 2013

Trying to combine the nested queries into one query also doesn't work.

i.e.

@media (min-width:320px) {
  @media (max-width:639px) {
    ...
  }
}

is the same as:

@media (min-width:320px) and (max-width:639px) {
  ...
}

:(

@gpoole
Copy link

gpoole commented Sep 13, 2013

Support nested queries would, during development, essentially fix #148 too. The debug info would be dumped into style tags but the page would still display correctly as far as I can tell and they'd be turned off in production.

@jefflembeck
Copy link
Collaborator

Added to README. Thanks

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

4 participants