paulirish/html5-boilerplate — Issue #823: identifying an MQ parsing bug...
Author: paulirish
Created: 2011-10-25 05:14:34+00:00
State: open

I have a slight challenge that someone might be excited about...

Was reading http://dev.opera.com/articles/view/safe-media-queries/ and it got me excited.. turned out to be a bust but i was wondering...

Can you craft a media query that always succeeds in oldIE but is parsed as a media query everywhere else?

okay .. so an example that DOESNT work..

```css
div { background: lime; }

@media screen` and (min-width: 600px) {
div { background: blue; }
}
```

Ideally, oldIE sees `@media screen`, sees that tilde, and interprets it as a comma (essentially) and ignores the rest of the line up to the `{` .. it then applies whats in the MQ block.
Meanwhile MQ-supporting browsers ignore the tilde and parse the MQ... only applying those styles in the case of min-width:600..

So.. can we brute force some testing on this to identify any MQ hack with this behavior?

Am i crazy?

@mathiasbynens this seems up your alley...