Responsive images need fixing


#1

Twitter, you need to add this CSS to your widget stylesheets in order to keep the embedded images from getting chopped off by the scrollbar:

img.autosized-media {
width: 100%;
height: auto;
}


#2

Thanks for the report! Could you provide more information please? Browser, widget type, url and anything else that can help us.


#3

Really want to try this as a twitter card will work!


#4

Sorry…here’s more info.

I created a Custom Timeline widget, put the code on a test page, and viewed it in the latest release of Chrome. Expanded images were enabled, and the horizontal oriented images in the timeline are getting cropped off on the right edge when you size the page width down for mobile. I manually set the stylesheet for the img.autosized-media class to width 100%, height AUTO, the images gracefully resize responsively without getting chopped.


#5

seeing an issue that may be associated with this.

http://www.drewleague.com/thefeed/

twitter embeds with images grow on orientation change


#6

#7