Adjust viewports

diff --git a/_layouts/default.html b/_layouts/default.html
index f30b678..067c53b 100644 (file)
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -9,7 +9,7 @@ layout: compress
   <title>{{ page.title }}</title>
   <meta name='description' content="{{description}}">
   <meta name='author' content="{{auth.name}}">
-  <meta name='viewport' content='width=device-width, initial-scale=1.0, minimum-scale=1.0, user-scalable=1'>
+  <meta name='viewport' content='width=device-width, height=device-height, initial-scale=1.0, minimum-scale=1.0, user-scalable=yes'>
   <link type="application/atom+xml" rel="alternate" href="/atom.xml" title="Ganneff's Little Blog" />
   <link href="/assets/css/style.css" rel="stylesheet" />
   <link rel='canonical' href="{{site.url}}{{page.url}}">

diff --git a/_scss/base.scss b/_scss/base.scss
index 7ce4bd2..6bf370a 100644 (file)
--- a/_scss/base.scss
+++ b/_scss/base.scss
@@ -1,5 +1,22 @@
 // Define variables
-  
+
+@viewport {
+    width: device-width;
+    height: device-height;
+    zoom: 1;
+    min-zoom: 1.0;
+    max-zoom: 3;
+    user-zoom: zoom;
+}
+@-ms-viewport {
+    width: device-width;
+    height: device-height;
+    zoom: 1;
+    min-zoom: 1.0;
+    max-zoom: 3;
+    user-zoom: zoom;
+}
+
 $font-family: 'Droid Sans', 'Lucida Bright', Georgia, 'Hoefler Text', 'Baskerville Old Face', Garamond, 'Times New Roman', serif;
 $font-family-mono: 'Droid Sans Mono', 'Lucida Console', 'Lucida Sans Typewriter', monaco, 'Bitstream Vera Sans Mono', monospace;
 $font-family-header: Yellowtail, 'Brush Script MT', cursive;