title: Scale image with CSS but limit to orignial size
body: <p>For a responsive design, i would like to scale down some images:</p>
  
  <pre><code>img {
      width:100%;
      height:auto;
  }
  </code></pre>
  
  <p>This works as expected, but if the width of the screen exceeds the original size of the image, it blows up the image.</p>
  
  <p>Is there a way to limit this scaling to its original size? So that it only gets smaller if necessary?</p>
  
  <p>Thanks in advance for your answer.</p>
  
  <p>Willem</p>