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.
Hadn't thought of that. I opened up a JSFiddle 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.
When you say trouble matching an image width what do you mean?
For responsive images I usually just do;
img {width: 100%; max-width: xxx; height: auto;}
Was having trouble matching a image width, found that
worked well for me. However, it seemed to make the page load slower.
Hadn't thought of that. I opened up a JSFiddle 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.
When you say trouble matching an image width what do you mean?
For responsive images I usually just do;
img {width: 100%; max-width: xxx; height: auto;}