Commit 46e8a581 authored by Mark Otto's avatar Mark Otto

fixes #10073: add width: 100%; for ie10 and below to size svg.img-responsive correctly

parent fdf174e4
...@@ -935,6 +935,7 @@ img { ...@@ -935,6 +935,7 @@ img {
.carousel-inner > .item > img, .carousel-inner > .item > img,
.carousel-inner > .item > a > img { .carousel-inner > .item > a > img {
display: block; display: block;
width: 100% \9;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
} }
...@@ -943,6 +944,7 @@ img { ...@@ -943,6 +944,7 @@ img {
} }
.img-thumbnail { .img-thumbnail {
display: inline-block; display: inline-block;
width: 100% \9;
max-width: 100%; max-width: 100%;
height: auto; height: auto;
padding: 4px; padding: 4px;
......
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
This diff was suppressed by a .gitattributes entry.
This source diff could not be displayed because it is too large. You can view the blob instead.
...@@ -8,6 +8,7 @@ ...@@ -8,6 +8,7 @@
// Keep images from scaling beyond the width of their parents. // Keep images from scaling beyond the width of their parents.
.img-responsive(@display: block) { .img-responsive(@display: block) {
display: @display; display: @display;
width: 100% \9; // Force IE10 and below to size SVG images correctly
max-width: 100%; // Part 1: Set a maximum relative to the parent max-width: 100%; // Part 1: Set a maximum relative to the parent
height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching
} }
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment