Skip to content

Instantly share code, notes, and snippets.

@hjortureh

hjortureh/picture-syntax.html

Created April 22, 2014 09:59
Show Gist options
  • Save hjortureh/11172649 to your computer and use it in GitHub Desktop.
Save hjortureh/11172649 to your computer and use it in GitHub Desktop.
Download ZIP
Responsive picture element
Raw
picture-syntax.html
<picture>
<source media="(min-width: 40em)" srcset="big.jpg 1x, big-hd.jpg 2x">
<source srcset="small.jpg 1x, small-hd.jpg 2x">
<img src="fallback.jpg" alt="">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment