Skip to content

Instantly share code, notes, and snippets.

@okuniw

okuniw/html5PictureTagTest.html

Created March 12, 2015 08:35
Show Gist options
  • Save okuniw/b61dff6cdd95b5f4d54b to your computer and use it in GitHub Desktop.
Save okuniw/b61dff6cdd95b5f4d54b to your computer and use it in GitHub Desktop.
Download ZIP
html5 picture tag test
Raw
html5PictureTagTest.html
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<picture alt="description">
<!-- request image based on browser's width -->
<source srcset="big.jpg" media="(min-width: 800px)">
<source srcset="medium.jpg" media="(min-width: 400px)">
<source srcset="small.png">
<!-- img tag for browsers that do not support picture element -->
<img src="medium.jpg" alt="default picture">
</picture>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment