Fluid image resizing in CSS (or JS?)

I'm trying to show a fairly large image on a page on my site. I want it to be re-sized dynamically depending on the user's resolution, so t开发者_运维百科hat it takes up the same percentage of screen on every monitor. How would I do that?

Set image width to a percentage.

Use the percentage values rather than pixels:

<img src="path here" width="100%" />