_s: Simplify the way we do responsive images. Props @philiparthurmoore.

Fixes #120.
This commit is contained in:
obenland 2013-03-27 11:37:20 -07:00
parent a298e8c2bd
commit f424711c65
1 changed files with 4 additions and 19 deletions

View File

@ -206,6 +206,10 @@ table {
th {
font-weight: bold;
}
img {
height: auto; /* Make sure images are scaled correctly. */
max-width: 100%; /* Adhere to container width. */
}
button,
input,
select,
@ -489,25 +493,6 @@ a:active {
/* =Media
----------------------------------------------- */
.site-header img,
.entry-content img,
.comment-content img,
.widget img {
max-width: 100%; /* Fluid images for posts, comments, and widgets */
}
.site-header img,
.entry-content img,
.comment-content img[height],
img[class*="align"],
img[class*="wp-image-"] {
height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */
}
.site-header img,
.entry-content img,
img.size-full {
max-width: 100%;
width: auto; /* Prevent stretching of full-size images with height and width attributes in IE8 */
}
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {
border: none;