title: Make images fill container that is 100% width
body: <p>I'm wanting these images to fill the container width, so no white space (or in the example below, no yellow space) is seen.</p>
  
  <p>Because the container width is 100%, I cannot set a percentage width on the image element. If I did I'd end up with tiny images on smaller devices.</p>
  
  <p>What's the solution here? I do not mind re-sizing the images a little to make them fit the container perfectly, but nothing drastic.</p>
  
  <p><a href="http://jsfiddle.net/28cyyb2m/" rel="nofollow">http://jsfiddle.net/28cyyb2m/</a></p>
  
  <pre><code>&lt;div class="test"&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
      &lt;img src=".."&gt;
  &lt;/div&gt;
  </code></pre>