title: HTML5 <picture> srcset fallback for IE 10 and 11
body: <p>I really want to keep my footer responsive to different devices so I have used the generator from cloudinary.  Here is the HTML5</p>
  
  <pre><code>&lt;picture&gt;
  &lt;img
  sizes="(max-width: 1920px) 100vw, 1920px"
  srcset="
  footer_rainbow_fjrr5j_c_scale,w_190.png 190w,
  footer_rainbow_fjrr5j_c_scale,w_780.png 780w,
  footer_rainbow_fjrr5j_c_scale,w_1190.png 1190w,
  footer_rainbow_fjrr5j_c_scale,w_1920.png 1920w"
  src="footer_rainbow_fjrr5j_c_scale,w_1920.png"
  alt=""&gt;
  &lt;/picture&gt;
  </code></pre>
  
  <p>However according to caniuse.com, it doesn't support IE 10 or 11. </p>
  
  <p>What is the best fallback?  All I can think of so far is using media queries using csswith different breakpoints.  Is there a better way?  I have also tried css cover, width; 100% and contain, but neither are perfect.</p>