Commit 4bf9fc3d authored by Mark Otto's avatar Mark Otto

Merge pull request #9544 from gabrielecirulli/3.0.0-wip

Add information on how to disable zoom on mobile devices to the docs
parents 8d3dbe78 fb71f402
...@@ -29,6 +29,10 @@ base_url: "../" ...@@ -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> <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 %} {% highlight html %}
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <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 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 %} {% endhighlight %}
<h3 id="overview-responsive-images">Responsive images</h3> <h3 id="overview-responsive-images">Responsive images</h3>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment