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

回答1:

Use the percentage values rather than pixels:

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

回答2:

Set image width to a percentage.

来源：https://stackoverflow.com/questions/3285302/fluid-image-resizing-in-css-or-js