From: Mark Otto Date: Tue, 4 Sep 2012 00:35:35 +0000 (-0700) Subject: fixes #4935: properly comment responsive image techniques and add CSS tests to support X-Git-Tag: v2.1.1~9 X-Git-Url: http://git.ipfire.org/gitweb.cgi?a=commitdiff_plain;h=acf2a64016a94c2017ab8aa0ec694835ee1ea42c;p=thirdparty%2Fbootstrap.git fixes #4935: properly comment responsive image techniques and add CSS tests to support --- diff --git a/less/reset.less b/less/reset.less index 3261124e0f..2901a85c80 100644 --- a/less/reset.less +++ b/less/reset.less @@ -77,9 +77,11 @@ sub { // ------------------------- img { - max-width: 100%; // Make images inherently responsive + /* Responsive images (ensure images don't scale beyond their parents) */ + max-width: 100%; /* Part 1: Set a maxium relative to the parent */ width: auto\9; /* IE7-8 need help adjusting responsive images */ - height: auto; // Make images inherently responsive + height: auto; /* Part 2: Scale the height according to the width, otherwise you get stretching */ + vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; diff --git a/less/tests/css-tests.html b/less/tests/css-tests.html index 4715143397..c0cb1485e9 100644 --- a/less/tests/css-tests.html +++ b/less/tests/css-tests.html @@ -98,6 +98,44 @@ + + +
+

Responsive images

+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+ +
+
+ +
+
+ +

+ + + +