[wp-meta] [Making WordPress.org] #628: Media query for banner image is currently webkit only

[Making WordPress.org]

#628: Media query for banner image is currently webkit only
----------------------+-------------------------------
Reporter:  scottsweb  |      Owner:
    Type:  defect     |     Status:  new
Priority:  normal     |  Component:  Plugins Directory
Keywords:             |
----------------------+-------------------------------
 When viewing a plugin which has uploaded a retina version of the banner
 image you can only see the retina image when using a webkit browser.

 Here is an example from: https://wordpress.org/plugins/user-switching/

 {{{
 #plugin-title {
         width:772px;
         height:250px;
         background-image: url(//ps.w.org/user-switching/assets/banner-
 772x250.png?rev=979685);
         background-size:772px 250px;
 }
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
         #plugin-title {
                 background-image: url(//ps.w.org/user-switching/assets
 /banner-1544x500.png?rev=979685);
         }
 }
 }}}

 The media query should cover more browsers, for example:

 {{{
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5),
 only screen and (min--moz-device-pixel-ratio: 1.5),
 only screen and (-moz-device-pixel-ratio: 1.5),
 only screen and (-o-min-device-pixel-ratio: 2/1),
 only screen and (min-device-pixel-ratio: 1.5),
 only screen and (min-resolution: 144dpi),
 only screen and (min-resolution: 2dppx) {
         #plugin-title {
                 background-image: url(//ps.w.org/user-switching/assets
 /banner-1544x500.png?rev=979685);
         }
 }
 }}}

--
Ticket URL: <https://meta.trac.wordpress.org/ticket/628>
Making WordPress.org <https://meta.trac.wordpress.org/>
Making WordPress.org