Updated viewport info

verlok · Mar 14, 2014 · 2a1676a · 2a1676a
1 parent 84b3c0d
commit 2a1676a
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<title>Responsive images using verlok/picturePolyfill - by Andrea Verlicchi</title>
 	<link rel="stylesheet" href="index.css"/>
+	<meta name="viewport" content="width=device-width">
 </head>
 <body>
 	<div id="container">

diff --git a/tests/tests.html b/tests/tests.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<title>Responsive images with picturePolyfill - by Andrea Verlicchi</title>
 	<link rel="stylesheet" href="../index.css"/>
+	<meta name="viewport" content="width=device-width">
 </head>
 <body>
 	<div id="container">

diff --git a/usingPictureMarkup/index.html b/usingPictureMarkup/index.html
@@ -4,6 +4,7 @@
 	<meta charset="UTF-8">
 	<title>Responsive images with picturePolyfill - by Andrea Verlicchi</title>
 	<link rel="stylesheet" href="index.css"/>
+	<meta name="viewport" content="width=device-width">
 </head>
 <body>
 	<div id="container">
@@ -14,7 +15,7 @@ <h1>Responsive images using PicturePolyfill - Demo</h1>
 		<div class="element">
 			<h2>With HD (Retina) display support</h2>
 			<a href="#someLink1">
-				<picture data-alt="A beautiful responsive image">
+				<picture data-alt="A beautiful responsive image" data-defaultsrc="http://demo.api.pixtulate.com/demo/large-2.jpg?w=512">
 					<source srcset="http://demo.api.pixtulate.com/demo/large-2.jpg?w=480, http://demo.api.pixtulate.com/demo/large-2.jpg?w=960 2x"/>
 					<source srcset="http://demo.api.pixtulate.com/demo/large-2.jpg?w=512, http://demo.api.pixtulate.com/demo/large-2.jpg?w=1024 2x" media="(min-width: 481px)"/>
 					<source srcset="http://demo.api.pixtulate.com/demo/large-2.jpg?w=960, http://demo.api.pixtulate.com/demo/large-2.jpg?w=1920 2x" media="(min-width: 1025px)"/>
@@ -27,7 +28,7 @@ <h2>With HD (Retina) display support</h2>
 		<div class="element">
 			<h2>Without HD (Retina) display support</h2>
 			<a href="#someLink2">
-				<picture data-alt="A beautiful responsive image">
+				<picture data-alt="A beautiful responsive image" data-defaultsrc="http://demo.api.pixtulate.com/demo/large-2.jpg?w=512">
 					<source srcset="http://demo.api.pixtulate.com/demo/large-2.jpg?w=480"/>
 					<source srcset="http://demo.api.pixtulate.com/demo/large-2.jpg?w=512" media="(min-width: 481px)"/>
 					<source srcset="http://demo.api.pixtulate.com/demo/large-2.jpg?w=960" media="(min-width: 1025px)"/>
@@ -42,7 +43,7 @@ <h2>Without HD (Retina) display support</h2>
 			<p>Real time server side scaling is provided by <a href="http://www.pixtulate.com">Pixtulate</a>.</p>
 		</div>
 	</div>
-	<script src="external/matchMedia.js"></script>
+	<script src="../external/matchMedia.js"></script>
 	<script src="picturePolyfill.js"></script>
 </body>
 </html>