Skip to content

Instantly share code, notes, and snippets.

@verticalgrain

verticalgrain/picture-srcset.html

Created August 10, 2017 04:52
Show Gist options
  • Save verticalgrain/b276ccac9b5702548662fba275b30570 to your computer and use it in GitHub Desktop.
Save verticalgrain/b276ccac9b5702548662fba275b30570 to your computer and use it in GitHub Desktop.
Download ZIP
Picture srcset example
Raw
picture-srcset.html
<picture>
<source srcset="http://placehold.it/1600x686" media="(min-width: 1779px)">
<source srcset="http://placehold.it/1600x600" media="(min-width: 1400px)">
<source srcset="http://placehold.it/1259x472" media="(min-width: 1084px)">
<source srcset="http://placehold.it/1083x609" media="(min-width:768px)">
<source srcset="http://placehold.it/767x431" media="(min-width:540px)">
<source srcset="http://placehold.it/539x303" media="(min-width:0)">
<img srcset="http://placehold.it/1259x472" src="http://placehold.it/1259x472" alt="Placeholder with grey background and dimension watermark without any imagery">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment