March 27, 2019
SVGs, when resized, will not scale in proportion in older versions of Internet Explorer.
The images will appear stretched or squished due to a lack of browser support for SVGs.
Add the following to your stylesheet to correct the display issue:
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /** IE 10 & 11 **/
img[src$=".svg"] {
width: 100%;
}
}
@media screen and (min-width:0\0) { /* IE 9 */
img[src$=".svg"] {
width: 100%;
}
}