Update viewport and icon link attributes in index.html

codemonkey85 · codemonkey85 · commit d58df4d54099 · 2025-12-09T00:24:56.000-05:00
Added maximum-scale and user-scalable options to the viewport meta tag to improve mobile experience. Reordered 'type' and 'rel' attributes in icon link tags for consistency.
diff --git a/SoundTest/wwwroot/index.html b/SoundTest/wwwroot/index.html
@@ -3,15 +3,15 @@
 
 <head>
     <meta charset="utf-8"/>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
     <title>Sound Test</title>
     <base href="/"/>
     <link href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap" rel="stylesheet"/>
     <link href="_content/MudBlazor/MudBlazor.min.css" rel="stylesheet"/>
     <link href="css/app.css" rel="stylesheet"/>
-    <link href="manifest.json" rel="manifest" />
-    <link href="icon-512.png" type="image/png" rel="icon" sizes="512x512"/>
-    <link href="icon-192.png" type="image/png" rel="icon" sizes="192x192"/>
+    <link href="manifest.json" rel="manifest"/>
+    <link href="icon-512.png" rel="icon" type="image/png" sizes="512x512"/>
+    <link href="icon-192.png" rel="icon" type="image/png" sizes="192x192"/>
     <link href="icon-512.png" rel="apple-touch-icon" sizes="512x512"/>
     <link href="icon-192.png" rel="apple-touch-icon" sizes="192x192"/>
 </head>
