[wp-trac] [WordPress Trac] #22238: HiDPI support for non-webkit browsers

[WordPress Trac]

#22238: HiDPI support for non-webkit browsers
-----------------------------+----------------------------
 Reporter:  dd32             |       Type:  enhancement
   Status:  new              |   Priority:  normal
Milestone:  Awaiting Review  |  Component:  Administration
  Version:                   |   Severity:  normal
 Keywords:  has-patch        |
-----------------------------+----------------------------
 As a follow on to #21019, we should reconsider support for non-webkit
 browsers for HiDPI displays.
 Currently, we only use `-webkit-min-device-pixel-ratio` in the media
 queries as per comments 80 through 87 in the previous ticket.

 The discussion centering around using only the webkit selector started 3
 months ago, a time when only webkit properly supported HiDPI graphics.
 Now we have Firefox as well as Opera which support it.

 Firefox 18 (End of year) will support it through `moz--min-device-pixel-
 ratio: 1.5` CSS selector, and Opera (Desktop: 12.10 in beta, Mobile latest
 stable supports it) supports it via `-o-min-device-pixel-ratio: 3/2` CSS
 selector.

 As we use vendor prefixes elsewhere (for example, rounded corners) we
 should also support the wide range of browsers vendor prefixes, as well as
 the standard fall back to the non-vendor prefix.

 Attached is a patch based on the above, and the (small) discussion on the
 previous ticket. I have only tested it on a Mac w/ non-HiDPI Screen &
 Opera / Chrome, and on Opera Mobile on a HiDPI screen. Both work as
 expected.

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/22238>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software