Is image width of 100% acceptable for mobile viewing?

[Sgt_Kickaxe]

I'm creating a mobile version of a website and finding the images to be problematic. They all have a width="400" set and don't fit on mobile screens. In trying to find a way to show a different image size based on user agent it dawned on me that something like this might be easier, via css.

IMG {width:100%; max-width:400px;}

On the regular site they would remain unchanged but they would, and do, scale down to fit any mobile screen.

Is there anything I should be aware of with the above on a mobile screen? Are there any SEO implications or indexing issues related to using 100% width?

[Sgt_Kickaxe]

Perhaps I posted this in the wrong forum ?

[Harry]

Make you max width smaller than 400px. It's too large for some popular smartphones that are based on widths of 320px like older iPhone models.

[Robert Charlton]

Any way to put large images in divs that don't display in mobile style sheets?

[graeme_p]

Yes you can using conditional CSS. Its not a good idea as most browsers will download the images anyway, so you are wasting bandwith on images that never show.