From 74d1d7012f73515ef46c6df1af55ce16562e759f Mon Sep 17 00:00:00 2001 From: Andrew Nacin Date: Tue, 15 Nov 2011 02:20:44 +0000 Subject: [PATCH] Better fluid/responsive image styles in Twenty Eleven. props iandstewart, lancewillett, fixes #18940. git-svn-id: https://develop.svn.wordpress.org/trunk@19292 602fd350-edb4-49c9-b593-d223f7449a82 --- wp-content/themes/twentyeleven/style.css | 9 ++++++--- 1 file changed, 6 insertions(+), 3 deletions(-) diff --git a/wp-content/themes/twentyeleven/style.css b/wp-content/themes/twentyeleven/style.css index 737b853b99..04cd62f7ee 100644 --- a/wp-content/themes/twentyeleven/style.css +++ b/wp-content/themes/twentyeleven/style.css @@ -853,12 +853,15 @@ dl.gallery-item { max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ } img[class*="align"], -img[class*="wp-image-"] { +img[class*="wp-image-"], +img[class*="attachment-"] { height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } -img.size-full { +img.size-full, +img.size-large { max-width: 97.5%; - width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */ + width: auto; /* Prevent stretching of full-size and large-size images with height and width attributes in IE8 */ + height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ } .entry-content img.wp-smiley { border: none;