Make SVGs 100% wide

Internet Explorer 11 and below don’t scale SVG images properly when
they’re used in `<img>` tags. See
https://gist.github.com/larrybotha/7881691 for details.

This manifested itself as the SVG images on the product page being
smaller when viewed in IE11 than other browsers.

This commit explicitly sets them the be 100% wide, which seems to fix
the problem.
This commit is contained in:
Chris Hill-Scott
2016-12-10 12:19:15 +00:00
parent 721837e61c
commit c45c70c771

View File

@@ -90,7 +90,7 @@
}
img {
max-width: 100%;
width: 100%;
margin: 0 0 $gutter * 1.5 0;
}