Set viewport width to device width.

blueimp · blueimp · commit 1c83c722e4b8 · 2012-03-21T15:20:41.000+09:00
diff --git a/css/style.css b/css/style.css
@@ -1,6 +1,6 @@
 @charset 'UTF-8';
 /*
- * jQuery File Upload Plugin CSS Example 2.2
+ * jQuery File Upload Plugin CSS Example 2.3
  * https://github.com/blueimp/jQuery-File-Upload
  *
  * Copyright 2012, Sebastian Tschan
@@ -21,6 +21,8 @@ body {
 }
 h1 {
   font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
+  font-size: 30px;
+  line-height: 36px;
 }
 a {
   color: #08C;
@@ -57,3 +59,10 @@ ul.nav li {
 *+html ul.nav li {
   display: inline;
 }
+
+@media (max-width: 480px) {
+  body { 
+    margin: 0;
+    padding: 10px;
+  }
+}
diff --git a/index.html b/index.html
@@ -1,7 +1,7 @@
 <!DOCTYPE HTML>
 <!--
 /*
- * jQuery Image Gallery Plugin Demo 2.2
+ * jQuery Image Gallery Plugin Demo 2.3
  * https://github.com/blueimp/jQuery-Image-Gallery
  *
  * Copyright 2011, Sebastian Tschan
@@ -16,6 +16,7 @@
 <meta charset="utf-8">
 <title>jQuery Image Gallery Demo</title>
 <meta name="description" content="jQuery Image Gallery is an extension to the Dialog component of jQuery UI, to ease navigation between a set of gallery images. It features mouse and keyboard navigation, transition effects, fullscreen mode and slideshow functionality.">
+<meta name="viewport" content="width=device-width">
 <!-- jQuery UI styles -->
 <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/south-street/jquery-ui.css" id="theme">
 <!-- jQuery Image Gallery styles -->
