IE issue with svg viewBox without specific height

Asked Jun 12 '15 at 21:55

Active Jun 12 '15 at 22:03

Viewed 259 times

This is the code :

<svg viewBox="0 0 70 35" preserveAspectRatio="xMidYMid meet" class="canvas">...</svg>

and this is the css :

.canvas {
width: 70px;
}

The problem is that the aspect ratio is not preserved in IE (11, 10), although it works in Chrome.

Any idea on how to solve this issue in IE ?

edited Jun 12 '15 at 22:03

asked Jun 12 '15 at 21:55

Arian

1

Question is now edited and corrected. – Arian Jun 12 '15 at 22:04
@RickHitchcock It slices the `svg` element which is not what I intend to do. – Arian Jun 12 '15 at 22:05
possible duplicate of [Is there a way for SVG symbols to be responsive cross-browser?](http://stackoverflow.com/questions/30415980/is-there-a-way-for-svg-symbols-to-be-responsive-cross-browser) – Paul LeBeau Jun 13 '15 at 02:40
What you trying to do? – Mohammed Moustafa Jun 18 '15 at 07:48

0 Answers0