From 6e6a0e6025f25a5970aefcc82b136e6abf5aec01 Mon Sep 17 00:00:00 2001
From: "Sean S. LeBlanc" <sean.s.leblanc@gmail.com>
Date: Tue, 9 Aug 2022 18:28:11 -0400
Subject: [PATCH] add viewport meta for mobile

based on unity's more recent minimal template; shared by mattia fortunati
---
 WebGLTemplates/BetterMinimal/index.html | 8 ++++++++
 1 file changed, 8 insertions(+)

diff --git a/WebGLTemplates/BetterMinimal/index.html b/WebGLTemplates/BetterMinimal/index.html
index 3250942..de1da96 100644
--- a/WebGLTemplates/BetterMinimal/index.html
+++ b/WebGLTemplates/BetterMinimal/index.html
@@ -103,6 +103,14 @@
 			});
 			window.addEventListener('resize', onResize);
 			onResize();
+
+			if (/iPhone|iPad|iPod|Android/i.test(navigator.userAgent)) {
+				// Mobile device style: fill the whole browser client area with the game canvas:
+				const meta = document.createElement('meta');
+				meta.name = 'viewport';
+				meta.content = 'width=device-width, height=device-height, initial-scale=1.0, user-scalable=no, shrink-to-fit=yes';
+				document.getElementsByTagName('head')[0].appendChild(meta);
+			}
 		</script>
 	</div>
 </body>