SVG ne pas mise à l'échelle correctement dans IE

Question

J'utilise ce plugin sur ce website. Le plugin génère une carte SVG des États-Unis. Je mise à l'échelle de la carte à 100% de la largeur du conteneur parent et de la hauteur comme ceci:

svg { 

    width: 100%; 

    height: 100%; 

} 

Cela fonctionne parfaitement sur tous les navigateurs, sauf pour les versions IE < = 11. Je l'ai cherchée partout des solutions, mais ai encore de trouver tout ce qui fonctionne pour moi. La plupart des solutions pointent vers la définition de l'attribut viewbox, qui est en effet défini, mais qui est défini par le plugin. Est-il juste ne pas être réglé correctement sur IE? Je suis un peu perplexe quant à ce qui ne va pas.

Answer 1

J'ai été capable de résoudre ce problème. Ma propriété 'preserveAspectRatio' avait la valeur 'xMinYMin meet', lorsque je l'ai changée en 'xMinYMin slice', elle a été mise à l'échelle correctement dans IE.