Add cross browser high resolution media queries

[sergej.mueller]

For the WordPress logo and other HiDPI graphics.

[ocean90]

Related: #628

[Otto42]

I have the same objections I had in #628: This is overly excessive. What are the rules for the actual browsers in use today? Adding a set of 6 different rules if only 3 are needed is not great.

If all we need is min-resolution and min-device-pixel-ratio, then let's use that rather than pollute the CSS by adding rules for old versions of browsers which nobody is using anymore.

[nacin]

We should follow the logic here: ​http://mattmiklic.com/2012/11/18/making-sense-of-hidpi-media-queries/. If it needs to be updated, then we should talk to @iammattthomas.

[iammattthomas]

Replying to nacin:

We should follow the logic here: ​http://mattmiklic.com/2012/11/18/making-sense-of-hidpi-media-queries/. If it needs to be updated, then we should talk to @iammattthomas.

Just wanted to note that I did some testing late last year, and this is still the shortest/best way to target every browser that supports HiDPI graphics (and will be until IE/Spartan supports dppx, or Webkit supports resolution.

[sergej.mueller]

The source for committed media queries: ​https://css-tricks.com/snippets/css/retina-display-media-query/

[ocean90]

Fixed in [1849]