title: srcset inside multicolumn doesn't work at all, any way to make it choose best image
body: <p>Hi i've got a multi column layout using the following CSS code</p>
  
  <pre><code>.grid {
    column-width:260px;
    column-fill:balance;
  }
  </code></pre>
  
  <p>Then I've got an image tag using srcset to specify 3 image variations</p>
  
  <pre><code>&lt;img srcset="thumb.jpg  320w, med.jpg 480w, large.jpg 640w" 
    sizes="(max-width:320px) 320px, (max-width:480px) 480px, 640px"
    src="thumb.jpg"&gt;
  </code></pre>
  
  <p>This works fine if its in a tiny viewer like a mobile view but doesn't work in a fullscreen layout when the columns are being used. It seems the srcset doesn't recognize the column-width restriction. </p>
  
  <p>I never thought I'd say this but it works fine in IE11 which shows the thumbnail version of the image while Firefox and Chrome show the large versions being blissfully unaware of the column-width restriction!</p>
  
  <p>Is there any way to force it to resize by adding a wrapper or something around the images or some other hack. Also any info on if this will be supported in the future.. any help appreciated!</p>