diff --git a/src/plugins/platforms/wasm/wasm_shell.html b/src/plugins/platforms/wasm/wasm_shell.html
index d4bf632830..f5712d0418 100644
--- a/src/plugins/platforms/wasm/wasm_shell.html
+++ b/src/plugins/platforms/wasm/wasm_shell.html
@@ -3,9 +3,16 @@
   <head>
     <meta charset="utf-8">
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
+    <!--Set visual viewport size for mobile devices to the device size,
+        witch results in a scale of 1 and a 1:1 mapping between CSS pixels
+        and Qt device independent pixels. -->
+    <meta name="viewport" content="width=device-width, height=device-height, user-scalable=0"/>
+
     <title>@APPNAME@</title>
     <style>
-      html, body { padding: 0; margin : 0; overflow:hidden; height: 100% }
+      /* Make the html body cover the entire (visual) viewport with no scroll bars. */
+      html, body { padding: 0; margin: 0; overflow:hidden; height: 100vh }
       /* the canvas *must not* have any border or padding, or mouse coords will be wrong */
       canvas { border: 0px none; background-color: white; height:100%; width:100%;  }
       /* The contenteditable property is set to true for the canvas in order to support
