From 6a2cb42e6b7bd8374d47552a4b0bb57b88a4f23f Mon Sep 17 00:00:00 2001 From: Hakim El Hattab <hakim.elhattab@gmail.com> Date: Wed, 30 Jan 2019 16:31:31 +0100 Subject: [PATCH] enable pinch-to-zoom for android --- css/reveal.css | 4 ++-- css/reveal.scss | 2 +- demo.html | 2 +- 3 files changed, 4 insertions(+), 4 deletions(-) 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">