Better fluid/responsive image styles in Twenty Eleven. props iandstewart, lancewillett, fixes #18940.

git-svn-id: http://svn.automattic.com/wordpress/trunk@19292 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
nacin 2011-11-15 02:20:44 +00:00
parent e9be1d8344
commit 64601afb36
1 changed files with 6 additions and 3 deletions

View File

@ -853,12 +853,15 @@ dl.gallery-item {
max-width: 97.5%; /* Fluid images for posts, comments, and widgets */ max-width: 97.5%; /* Fluid images for posts, comments, and widgets */
} }
img[class*="align"], 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 */ 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%; 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 { .entry-content img.wp-smiley {
border: none; border: none;