Saturday, October 12, 2013

Web Design: Responsive Image Sizes

Put this in your CSS:

img {
     max-width: 100%;
     height: auto;
}

- making sure it doesn't get overridden at some point in your more specific CSS classes.

This is a prime technique for sites that have some big feature image, usually on the front page that needs to be there when someone looks at it using a smart phone etc. The image will scale on nearly everything except IE8 - for which webdesignerwall offers a specific solution.

6 comments:

Unknown said...

At this point I won’t promise anything. The project is not dead, let’s call it a transition period. It’s not just word play Web Design

Eliaz Beth said...

Likes enormously enhance the recognition of your respective respective site and although using the acceptable assortment depend; many people could possibly be thinking about your account. The firms that offer these providers, will source you with non-automated or robot likes and provide you with true Instagram likes. cheap instagram likes The great thing relating to this is often that they are really genuinely immediately sent in the direction of your account which implies you never need to go to that appreciably. And when you are a modest company, elevating your Instagram likes will probably be efficient.

Anonymous said...
This comment has been removed by the author.
Akmos17 said...

If I absolutely MUST read something, I might copy and paste the text into Word so I can read it, but that is only if I know I want to read it beforehand.Web Design

Unknown said...

I read an article in which I see comprehensive details discussed for designers, in website design this detail will prove fruitful.

Robert said...

Thanks a lot for your great post.your article is very interest.i hope you will give more interest post. psd to html