[wp-trac] [WordPress Trac] #22044: Twenty Twelve: Support Media Queries on IE7/8 (don't use mobile menu)

[WordPress Trac]

#22044: Twenty Twelve: Support Media Queries on IE7/8 (don't use mobile menu)
---------------------------+--------------------
 Reporter:  bpetty         |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  3.5
Component:  Bundled Theme  |     Version:  trunk
 Severity:  normal         |  Resolution:
 Keywords:  has-patch      |
---------------------------+--------------------

Comment (by nacin):

 There appears to be a way to force Internet Explorer that can't understand
 media queries to apply the rules inside of them, with `@media screen, all
 and (min-width: 300px) {`.

 This is from http://dev.opera.com/articles/view/safe-media-queries/, via
 http://coding.smashingmagazine.com/2011/08/10/techniques-for-gracefully-
 degrading-media-queries/. However, it seems that may not work in IE8, but
 only IE6 and IE7. Also in my search, I found
 https://github.com/h5bp/html5-boilerplate/issues/816 (via
 http://jsfiddle.net/boblet/59e99/), which is a pretty strong indictment of
 respond.js, and is a good read that covers a number of facets of the
 mobile-first versus desktop-first debate.

 I don't know what the best solution is here. But, saying Twenty Twelve
 "isn’t trying to be an end-all-be-all theme," it is a straw man. The
 suggestion here isn't that Twenty Twelve should be such. The suggestion is
 that it should support IE8 better than it does.

 We had a long and determined conversation some time ago when the WordPress
 project agreed to drop IE6. That didn't happen here, and given IE8's
 continued browser share, the suggestion holds a lot of merit.

 Can someone upload a screenshot of an unpatched Twenty Twelve running IE8?
 Is anything other than the menu significantly affected in any adverse way?

 (A side note, when looking through the stylesheet, is there a reason the
 background default color is only applied when the device width is 960px?
 The custom background code won't do the same for any other color; this
 declaration should be pulled out of @media.)

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/22044#comment:15>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software