instrinsic sizes

by DannyEnglander

HTML

<script src="http://rawgit.com/aFarkas/respimage/stable/respimage.dev.js" async=""></script>
<script src="http://afarkas.github.io/lazysizes/lazysizes.js" async=""></script>

<div class="dynamic-sizes">
    
    <img data-srcset="http://placehold.it/700x300 700w,
      http://placehold.it/1400x600 1400w,
    	http://placehold.it/350x150 350w,
      http://placehold.it/875x375 875w" 
    src="http://placehold.it/350x150" 
    data-sizes="auto" 
    class="lazyload"
    alt="fluid image" />
</div>
<p><a href="https://github.com/aFarkas/respimage" target="_blank">respimg</a>

</p>

CSS

.dynamic-sizes {
    width: 95%;
    max-width: 900px;
    margin: auto;
}


.dynamic-sizes img {
    width: 100%;
}