Ronald Roe

Responsive Images in CMS (Blogger, WordPress)

The Problem:

When you use max-width:100% for responsive images in a CMS, your images get stretched and yanked and disjointed.

The Issue:

The CMS is adding height and width attributes to the img tag.

The jQuery Solution:

$(function(){
// Find the images and remove the attributes
   $('.post img').removeAttr("width");
   $('.post img').removeAttr("height");
});