Image resize while keep the aspect ratio. about foundation-sites HOT 6 CLOSED

Hey Milo - this is a simple change we can make, but when you mention WP users having a height attribute do you mean one provided in default stylesheets, or one applied inline? Inline heights will override a general reset like this, but if you mean it's in a stylesheet reset we can add it to to grid.css.

from foundation-sites.

It's not in the default CSS. When using WP editor to insert images, it automatically add height and width attributes to the images as HTML and you won't be able to just use the current grid.css to resize the image while keeping the aspect ratio. But when I add the img { height: auto; }, it works well. Not sure if I answered your question.

from foundation-sites.

That's odd - if WP is applying an inline height in pixels, height:auto should be getting overriden. Maybe WP is doing something fancy to avoid that? At any rate, added a height:auto attribute to grid.css for images, embeds and objects so that should take care of that. 69c6ccc

from foundation-sites.

I am getting this issue outside of wordpress.
An image that has a height and width attribute is being overridden by foundation which does not make sense given inline attributes should prevail?

from foundation-sites.

Same here with @lukeholder this is messing my images. I think this is a Wordpress CMS issue.

from foundation-sites.

It breaks the right display of images before they get loaded when you set height in the image tag. Also breaks any library that depends on the image height set directly in the image tag.

An example is that I'm using packery and setting the width and height, but as the height gets overwriting, it fails to position the images properly before they get loaded.

I think this is too intrusive and should be reverted.

from foundation-sites.