diff --git a/css/reveal.css b/css/reveal.css
index 4a9f030..63ba646 100644
--- a/css/reveal.css
+++ b/css/reveal.css
@@ -469,8 +469,8 @@ body {
   width: 100%;
   height: 100%;
   overflow: hidden;
-  -ms-touch-action: none;
-      touch-action: none; }
+  -ms-touch-action: pinch-zoom;
+      touch-action: pinch-zoom; }
 
 .reveal .slides {
   position: absolute;
diff --git a/css/reveal.scss b/css/reveal.scss
index c79a562..ad6d1f5 100644
--- a/css/reveal.scss
+++ b/css/reveal.scss
@@ -566,7 +566,7 @@ $controlsArrowAngleActive: 36deg;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
-	touch-action: none;
+	touch-action: pinch-zoom;
 }
 
 .reveal .slides {
diff --git a/demo.html b/demo.html
index 9471f8b..6269746 100644
--- a/demo.html
+++ b/demo.html
@@ -12,7 +12,7 @@
 		<meta name="apple-mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
 
-		<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
+		<meta name="viewport" content="width=device-width, initial-scale=1.0">
 
 		<link rel="stylesheet" href="css/reset.css">
 		<link rel="stylesheet" href="css/reveal.css">