Skip to content

Instantly share code, notes, and snippets.

@aFarkas

aFarkas/picture.html Secret

Last active August 29, 2015 14:18
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save aFarkas/dd0f845786efd795cd66 to your computer and use it in GitHub Desktop.
Save aFarkas/dd0f845786efd795cd66 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
picture.html
<picture>
<source media="(max-width: 500px)" srcset="cat-vertical.jpg">
<img src="cat-horizontal.jpg" alt="cat">
</picture>
<!-- or if you want to have a special universal fallback for not supporting browsers use -->
<picture>
<source media="(max-width: 500px)" srcset="cat-vertical.jpg">
<source srcset="cat-horizontal.jpg">
<img src="cat.jpg" alt="cat">
</picture>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment