Browse Source

enable pinch-to-zoom for android

Hakim El Hattab 5 years ago
parent
commit
6a2cb42e6b
3 changed files with 4 additions and 4 deletions
  1. 2 2
      css/reveal.css
  2. 1 1
      css/reveal.scss
  3. 1 1
      demo.html

+ 2 - 2
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;

+ 1 - 1
css/reveal.scss

@@ -566,7 +566,7 @@ $controlsArrowAngleActive: 36deg;
 	width: 100%;
 	height: 100%;
 	overflow: hidden;
-	touch-action: none;
+	touch-action: pinch-zoom;
 }
 
 .reveal .slides {

+ 1 - 1
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">