Responsive Image width:inherit

[dengland]

Was having trouble matching a image width, found that

#footer img {
width: inherit
}

worked well for me. However, it seemed to make the page load slower.

[tbwiii]

Hadn’t thought of that. I [opened up a JSFiddle][1] to play around with it.

Your implementation only works if your image’s container has a fixed width or if it has a percentage based width of 100%.

If say the container has a 40% width then the image will only take of 40% of its container.

I’m not saying don’t use inherit – just to be aware of that behavior.

[1]:http://jsfiddle.net/m65Mz/2/

[Author]

Posts