Posted by Ben C on 10/31/06 21:24

On 2006-10-31, thisis <helloOne@web.de> wrote:
> Hi All,
>
> My problem is:
>
> i have a web page/html that uses <img src="some img larger than the web
> browser width/height ok" .../>.
>
> the <img src="" ../> is very large in width/height than the web broswer
> width/height.
>
> i want to auto resize the <img src="" ../> so, when the pages finishes
> to load,
> the <img src="" ../> will fit/get in/show in the web browser.
>
> - eg. in internet explorer, on some web sites when an image is greater
> in width/height than the ie page a "thumb nail" is displayed
> autonatically on the image itself, enabling the client to size up/down
> the image in the ie web browser.

I suspect that's a feature of the website, not of Internet Explorer.

> How to AUTO ReSize an <IMG.../> element on a web page?

You can just do

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

which will fit the image's width to that of the viewport, and give it a
height that preserves its aspect ratio.

<img src="something.png" style="max-width: 100%">

is also possible.

[Back to original message]