1056517 - SVG in <img> on Retina gets wrong viewport dimensions in media queries

Status: RESOLVED DUPLICATE of bug 986403

(Core :: SVG, defect)

Description

[Simon Pieters [:zcorpan]]

See 
http://software.hixie.ch/utilities/js/live-dom-viewer/saved/3130

compare with Chrome on a Retina Macbook.

Expected result:
First 3 images show the small logo without a ring,
next one shows with a ring,
next one shows with text,
last one shows full logo.

Actual result:
First 3 images show the small logo without a ring,
last 3 images show the full logo.

I assume this is because I have a Retina screen which causes the SVG to have twice as big viewport, but then media queries get the wrong information (they should get CSS pixels, not device pixels).