This behavior is already defined inside style.css, but only with the class "scale-with-grid". With this change all images will have responsive behavior.

Comments

gtsopour’s picture

gtsopour commented

Just make the following change inside style.css (skeletontheme/css/style.css) Line:43

Change from

/* Images */
img { outline: 0; }
img.scale-with-grid { max-width: 100%; height: auto; }

To

/* Responsive Images */
img, img.scale-with-grid { outline: 0; max-width: 100%; height: auto; }

Thanks
George

gtsopour’s picture

gtsopour commented
Title: Responsive Image: Make the image auto resize to the max width of the boundary by using max-width:100% and height:auto » Responsive Image - Make the image auto resize to the max width of the boundary by using max-width:100% and height:auto
Status: Active » Fixed

Just committed http://drupalcode.org/project/skeletontheme.git/commit/c7a59ab

Automatically closed -- issue fixed for 2 weeks with no activity.