Fix for mobiles with "viewport" <meta> tag and a <html> lang tag

nfreear · Dec 5, 2021 · 80c79cd · 80c79cd
1 parent a1249b5
commit 80c79cd
Show file tree

Hide file tree

Showing 4 changed files with 16 additions and 6 deletions.
diff --git a/demo/my-map.html b/demo/my-map.html
@@ -1,6 +1,7 @@
-<!doctype html>  <title> my-map Web Component </title>
+<!doctype html><html lang="en"><title> my-map Web Component </title>
 
 <meta name="robots" content="noindex">
+<meta name="viewport" content="width=device-width,initial-scale=1">
 
 <h1> my-map Web Component </h1>
 
@@ -15,14 +16,13 @@ <h1> my-map Web Component </h1>
 
 
 <script type="module" src="../index.js"></script>
-
 <!-- <script type="module" src="../src/components/my-map.js"></script> -->
 
 
-
 <pre>
 
 
 NDF, 27-Nov-2021.
 
 </pre>
+</html>
diff --git a/demo/my-page.html b/demo/my-page.html
@@ -1,4 +1,6 @@
-<!doctype html> <title> my-page </title>
+<!doctype html><html lang="en"><title> my-page </title>
+
+<meta name="robots" content="noindex">
 
 <style>
   :root {
@@ -66,3 +68,4 @@ <h1> Demo </h1>
 
 NDF, 27-Nov-2021.
 </pre>
+</html>
diff --git a/demo/my-star-rating.html b/demo/my-star-rating.html
@@ -1,6 +1,7 @@
-<!doctype html> <title> My radio star rating </title>
+<!doctype html><html lang="en"><title> My radio star rating </title>
 
 <meta name="robots" content="noindex">
+<meta name="viewport" content="width=device-width, initial-scale=1" />
 
 <style>
 :root {
@@ -51,3 +52,5 @@ <h1> My radio star rating </h1>
 
 
 <script type="module" src="../index.js"></script>
+
+</html>
diff --git a/demo/translate.html b/demo/translate.html
@@ -1,4 +1,8 @@
-<!doctype html><html lang="en"><meta charset="utf-8"> <title> Translation test </title>
+<!doctype html><html lang="en"><title> Translation test </title>
+
+<meta charset="utf-8">
+<meta name="robots" content="noindex">
+<meta name="viewport" content="width=device-width,initial-scale=1">
 
 <style>
   body { margin: 1rem auto; max-width: 36rem; padding: 0 .3rem; }