0

I like to use inline SVG elements with a viewBox set and then setting the height in the style or with a class and leaving the browser to set the width itself according to scale:

<svg style="height: 20px" viewBox="0 0 399 52" ...

This works in Chrome, Firefox, Safari: chrome etc

but IE11 does not seem to handle this correctly:

IE11

Here is the js-bin: http://jsbin.com/lovicitoco/edit?html,css,output

Is this a know IE11 problem? Is there some nice workaround?

Cotten
  • 8,787
  • 17
  • 61
  • 98
  • Possible duplicate of [SVGs not scaling properly in IE - has extra space](https://stackoverflow.com/questions/30415980/svgs-not-scaling-properly-in-ie-has-extra-space) – Kaiido Jun 13 '18 at 10:11

0 Answers0