title: resize an image in proportion with CSS, is it possible?
body: <p>Is there a way to resize images retaining their proportions with CSS?</p>
  
  <p>The container has a fixed width and height</p>
  
  <pre><code>&lt;div class="container"&gt;
     &lt;img class="theimage" src="something" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>and the reason I'm asking is because the layout can change (from list to icons via a class) and the images need to be resized (about 40% less) in proportion.</p>
  
  <p>I know how to do it with JavaScript and also how to resize via CSS, but don't really believe it can be done in <strong>proportion</strong> with CSS, unless there is some clever way.</p>