javascriptcssimagefluid-layout

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?


Solution

  • Use the percentage values rather than pixels:

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