From fb6bd757df2a066d0effab5a1eafca05ffe8e50e Mon Sep 17 00:00:00 2001
From: Gabriele Cirulli <gabrycir@gmail.com>
Date: Wed, 14 Aug 2013 22:08:17 +0200
Subject: [PATCH 1/3] add information on how to disable mobile zoom to the docs

---
 css.html | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/css.html b/css.html
index 0ad11fae2f..1a74e3b7bc 100644
--- a/css.html
+++ b/css.html
@@ -29,6 +29,10 @@ base_url: "../"
     <p>To ensure proper rendering and touch zooming, <strong>add the viewport meta tag</strong> to your <code>&lt;head&gt;</code>.</p>
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
+{% endhighlight %}
+    <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag.</p>
+{% highlight html %}
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 {% endhighlight %}
 
     <h3 id="overview-responsive-images">Responsive images</h3>

From a3b279c556560079a84c25a631ebcec8fcefe38e Mon Sep 17 00:00:00 2001
From: Gabriele Cirulli <gabrycir@gmail.com>
Date: Wed, 14 Aug 2013 23:26:34 +0200
Subject: [PATCH 2/3] improve the "zoom disabled" documentation

---
 css.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css.html b/css.html
index 1a74e3b7bc..45fc5d6464 100644
--- a/css.html
+++ b/css.html
@@ -30,7 +30,7 @@ base_url: "../"
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 {% endhighlight %}
-    <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag.</p>
+    <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This way, your mobile users will only be able to scroll, and it will result in your app feeling a bit more like the rest of the applications that you could find on the device.</p>
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 {% endhighlight %}

From fb71f402456b27b66184acbd341e8119188c3c20 Mon Sep 17 00:00:00 2001
From: Gabriele Cirulli <gabrycir@gmail.com>
Date: Wed, 14 Aug 2013 23:51:26 +0200
Subject: [PATCH 3/3] tweak note about zoom disabled on mobile

---
 css.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css.html b/css.html
index 45fc5d6464..045be7876d 100644
--- a/css.html
+++ b/css.html
@@ -30,7 +30,7 @@ base_url: "../"
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0">
 {% endhighlight %}
-    <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This way, your mobile users will only be able to scroll, and it will result in your app feeling a bit more like the rest of the applications that you could find on the device.</p>
+    <p>You can disable zooming capabilities on mobile devices by adding <code>user-scalable=no</code> to the viewport meta tag. This disables zooming, meaning users are only able to scroll, and results in your site feeling a bit more like a native application. Overall we don't recommend this on every site, so use caution!</p>
 {% highlight html %}
 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
 {% endhighlight %}