From 1070da43f0557f2111ccb1df4f5e64ce49c617d0 Mon Sep 17 00:00:00 2001 From: Mat Marquis Date: Fri, 2 May 2014 11:10:42 -0400 Subject: [PATCH] Reverts demo page back to normal. --- examples/demo-01.html | 22 +++++++++------------- 1 file changed, 9 insertions(+), 13 deletions(-) diff --git a/examples/demo-01.html b/examples/demo-01.html index f2ed5e0c..ff4ba45b 100644 --- a/examples/demo-01.html +++ b/examples/demo-01.html @@ -12,26 +12,22 @@ // Picture element HTML shim|v it for old IE (pairs with Picturefill.js) document.createElement( "picture" ); - + -

../examples/images/pic-small.png, ../examples/images/pic-medium.png 2x

- Obama with soldiers -

../examples/images/pic-small.png, ../examples/images/pic-medium.png 2x

- Obama with soldiers +

An img with "srcset" and sizes" attributes:

+
<img sizes="100vw, (min-width: 40em) 80vw"
+srcset="../examples/images/pic-small.png 400w, ../examples/images/pic-medium.png 800w, ../examples/images/pic-large.png 1200w" alt="Obama with soldiers">
+
+ +

Here's how that renders in the browser. Feel free to resize to see it change.

-

picture tho

- - - - - A giant stone face at The Bayon temple in Angkor Thom, Cambodia - + Obama with soldiers