mirrors/bootstrap
2
0
Fork 0
mirror of https://github.com/tenrok/bootstrap.git synced 2026-06-14 18:42:30 +03:00
Code Activity

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

Browse Source
This commit is contained in:
Mark Otto
2014-06-18 17:34:09 -07:00
parent fdf174e498
commit 46e8a5817d
6 changed files with 7 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
dist/css/bootstrap.css
Vendored
+2
View File
@@ -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 {
} }
.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;
dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.css.map
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
docs/dist/css/bootstrap.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
less/mixins/image.less
+1
View File
@@ -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
} }