add user-scalable=no to viewport meta to try and prevent pinch zoom affecting the...

[lantea.git] / index.html
diff --git a/index.html b/index.html

index 393a36898b0eb9140a635c64c5e4a20b91ad4e74..c83bc9317ec61dd09e8f3d78d1294b2b880f8af3 100644 (file)
--- a/index.html
+++ b/index.html
@@ -6,9 +6,9 @@
  <html manifest="manifest.appcache">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-  <!-- try to force a 1:1 scaling on mobile, see
+  <!-- try to force a 1:1 scaling and disable pinch-zoom on mobile, see
         https://developer.mozilla.org/en/Mobile/Viewport_meta_tag -->
-  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1">
+  <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>Lantea Maps</title>
    <script src="js/map.js" type="application/javascript;version=1.8"></script>
    <script src="js/ui.js" type="application/javascript;version=1.8"></script>
@@ -102,6 +102,9 @@
  <input type="button" id="uploadStatusCloseButton" value="Close"
         onclick="cancelDialog();" disabled="true">
  </div>
+<div id="noGLwarning">
+  Unable to initialize WebGL. You need a browser that supports it.
+</div>
  </div>
  
  <p id="action">