Resize images in UIWebView to viewport size

Question

I'm displaying HTML with some images inside a UIWebView in my iPhone App. When the images are wider than the viewport of the iPhone I get horizontal scrollers which I don't want because its mostly about the text not the images.

Is there a way to resize images displayed inside the UIWebView according to the width (best: even if the device is rotated)?

Answer 1

If the image is inside a UIWebView you could try using css to size them to 100%?

Something like . . .

<img style="width:100%" src="..." />

DISCLAIMER: I don't have XCode handy to test that but it should work! You'll have to try it for yourself!

Answer 2

If you want the maximum width to be the width of the webView, use the max-width CSS property.

max-width: 100%; width: auto; height: auto;