Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Loading…

<IE9 wrongly evaluates rules containing device-pixel MQ as true #157

Closed
nternetinspired opened this Issue · 5 comments

5 participants

@nternetinspired

Using the current version, 1.2.0, IE8 is displaying the styles within this media-query:

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5),
only screen and (min-width: 86.375em) {
#logo {
background: url(../images/large/2xlogo.png) scroll 0 0 no-repeat;
background-size: 450px;
}
}

I had expected that the min-width query would never be read because of the preceding pixel-ratio queries.

@mhulse

I think I'm having the same problem. Retina display images are loading in old IEs. The patch I'm using is to override the retina with standard resolution image. It's not an optimal solution ... I'd love to know how to fix respond.js so it skips this style of media query. Once I get some free time, I might try and do a pull request, though it looks like there's a back log of pulls ...

@jefflembeck
Collaborator

The parser is grabbing anything that matches min/max-width currently. Will look into.

@BigglesZX

@jlembeck Did you have any luck with this one? I'm experiencing the same issue. Many thanks!

@zachleat
Collaborator

I’m a bit confused by this issue, the comma separated list syntax acts like the OR operator. So if only screen and (min-width: 86.375em) evaluates to true in the above example the block will apply correctly. I’m going to reopen 181 and close this issue since the example reported 181 is a bug.

@zachleat zachleat closed this
@mhulse

Hey folks, we're continuing this conversation in #181. We're looking for some (gnarly) media query examples that can be used to help test a patch that @zachleat wrote to fix this issue. If you can contribute some example media queries for testing, that would be great!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Something went wrong with that request. Please try again.