Fluid image resizing in CSS (or JS?)

Question

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 that it takes up the same percentage of screen on every monitor. How would I do that?

Answer 1

将图像宽度设置为百分比。

Answer 2

使用百分比值而不是像素：

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