[wp-trac] [WordPress Trac] #21019: Retina All the Things

[WordPress Trac]

#21019: Retina All the Things
----------------------------+------------------
 Reporter:  matt            |       Owner:
     Type:  task (blessed)  |      Status:  new
 Priority:  normal          |   Milestone:  3.5
Component:  Administration  |     Version:  3.4
 Severity:  normal          |  Resolution:
 Keywords:                  |
----------------------------+------------------

Comment (by azaozz):

 Replying to [comment:79 taylorde]:
 > I noticed we're using the -webkit prefixed version of the retina query.
 e.g. `@media only screen and (-webkit-min-device-pixel-ratio: 1.5)` but
 the non-prefixed version should probably used as well for future
 compatibility.

 There is an good article on this: http://www.w3.org/blog/CSS/2012/06/14
 /unprefix-webkit-device-pixel-ratio/

 So this should work everywhere:

 {{{
 @media (-webkit-min-device-pixel-ratio: 1.5), /* Webkit */
        (min-resolution: 150dpi)             /* Everyone else */ {
 ...
 }
 }}}


 > Also, specifying the background-size using `auto` as one of the
 parameters will ensure the original aspect ratio of the image is kept.

 True, but the retina background images have to match exactly 2x the non-
 retina backgrounds, or the positions will shift.

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