diff --git a/app-vite/templates/capacitor/www/index.html b/app-vite/templates/capacitor/www/index.html
index 07b4f60ecf5..a334467a5b7 100644
--- a/app-vite/templates/capacitor/www/index.html
+++ b/app-vite/templates/capacitor/www/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Quasar Capacitor App">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width, viewport-fit=cover">
 
     <style>
       .page {
diff --git a/app-vite/templates/cordova/www/index.html b/app-vite/templates/cordova/www/index.html
index b76af6c74bc..18170fa309a 100644
--- a/app-vite/templates/cordova/www/index.html
+++ b/app-vite/templates/cordova/www/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Quasar Capacitor App">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width, viewport-fit=cover">
 
     <style>
       .page {
diff --git a/app-webpack/templates/capacitor/www/index.html b/app-webpack/templates/capacitor/www/index.html
index 07b4f60ecf5..a334467a5b7 100644
--- a/app-webpack/templates/capacitor/www/index.html
+++ b/app-webpack/templates/capacitor/www/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Quasar Capacitor App">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width, viewport-fit=cover">
 
     <style>
       .page {
diff --git a/app-webpack/templates/cordova/www/index.html b/app-webpack/templates/cordova/www/index.html
index b76af6c74bc..18170fa309a 100644
--- a/app-webpack/templates/cordova/www/index.html
+++ b/app-webpack/templates/cordova/www/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="Quasar Capacitor App">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, viewport-fit=cover">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width, viewport-fit=cover">
 
     <style>
       .page {
diff --git a/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/index.html b/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/index.html
index a9f2eb04cdf..57a16492944 100644
--- a/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/index.html
+++ b/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-vite/index.html
@@ -9,7 +9,7 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <meta
       name="viewport"
-      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>"
+      content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>"
     />
 
     <link
diff --git a/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/index.html b/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/index.html
index a9f2eb04cdf..57a16492944 100644
--- a/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/index.html
+++ b/create-quasar/templates/app-extension/ae-ts/BASE/playground/quasar-cli-webpack/index.html
@@ -9,7 +9,7 @@
     <meta name="msapplication-tap-highlight" content="no" />
     <meta
       name="viewport"
-      content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>"
+      content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>"
     />
 
     <link
diff --git a/create-quasar/templates/app/quasar-v1/js/BASE/src/index.template.html b/create-quasar/templates/app/quasar-v1/js/BASE/src/index.template.html
index b5a3fdd49bf..6752201b6ef 100644
--- a/create-quasar/templates/app/quasar-v1/js/BASE/src/index.template.html
+++ b/create-quasar/templates/app/quasar-v1/js/BASE/src/index.template.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover \<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover \<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v1/ts/BASE/src/index.template.html b/create-quasar/templates/app/quasar-v1/ts/BASE/src/index.template.html
index b5a3fdd49bf..6752201b6ef 100644
--- a/create-quasar/templates/app/quasar-v1/ts/BASE/src/index.template.html
+++ b/create-quasar/templates/app/quasar-v1/ts/BASE/src/index.template.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover \<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover \<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/js-vite-1/BASE/index.html b/create-quasar/templates/app/quasar-v2/js-vite-1/BASE/index.html
index eb9db3d131e..772824df8ca 100644
--- a/create-quasar/templates/app/quasar-v2/js-vite-1/BASE/index.html
+++ b/create-quasar/templates/app/quasar-v2/js-vite-1/BASE/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/js-vite-2/BASE/index.html b/create-quasar/templates/app/quasar-v2/js-vite-2/BASE/index.html
index eb9db3d131e..772824df8ca 100644
--- a/create-quasar/templates/app/quasar-v2/js-vite-2/BASE/index.html
+++ b/create-quasar/templates/app/quasar-v2/js-vite-2/BASE/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/js-webpack-3/BASE/src/index.template.html b/create-quasar/templates/app/quasar-v2/js-webpack-3/BASE/src/index.template.html
index 6b1fcfdebf1..189ad473587 100644
--- a/create-quasar/templates/app/quasar-v2/js-webpack-3/BASE/src/index.template.html
+++ b/create-quasar/templates/app/quasar-v2/js-webpack-3/BASE/src/index.template.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/js-webpack-4/BASE/index.html b/create-quasar/templates/app/quasar-v2/js-webpack-4/BASE/index.html
index eb9db3d131e..772824df8ca 100644
--- a/create-quasar/templates/app/quasar-v2/js-webpack-4/BASE/index.html
+++ b/create-quasar/templates/app/quasar-v2/js-webpack-4/BASE/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/ts-vite-1/BASE/index.html b/create-quasar/templates/app/quasar-v2/ts-vite-1/BASE/index.html
index eb9db3d131e..014ee6a9acc 100644
--- a/create-quasar/templates/app/quasar-v2/ts-vite-1/BASE/index.html
+++ b/create-quasar/templates/app/quasar-v2/ts-vite-1/BASE/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/ts-vite-2/BASE/index.html b/create-quasar/templates/app/quasar-v2/ts-vite-2/BASE/index.html
index eb9db3d131e..772824df8ca 100644
--- a/create-quasar/templates/app/quasar-v2/ts-vite-2/BASE/index.html
+++ b/create-quasar/templates/app/quasar-v2/ts-vite-2/BASE/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">
diff --git a/create-quasar/templates/app/quasar-v2/ts-webpack-4/BASE/index.html b/create-quasar/templates/app/quasar-v2/ts-webpack-4/BASE/index.html
index eb9db3d131e..772824df8ca 100644
--- a/create-quasar/templates/app/quasar-v2/ts-webpack-4/BASE/index.html
+++ b/create-quasar/templates/app/quasar-v2/ts-webpack-4/BASE/index.html
@@ -7,7 +7,7 @@
     <meta name="description" content="<%= '\<%= productDescription %\>' %>">
     <meta name="format-detection" content="telephone=no">
     <meta name="msapplication-tap-highlight" content="no">
-    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
+    <meta name="viewport" content="user-scalable=yes, initial-scale=1, maximum-scale=5, width=device-width<%= '\<% if (ctx.mode.cordova || ctx.mode.capacitor) { %\>, viewport-fit=cover\<% } %\>' %>">
 
     <link rel="icon" type="image/png" sizes="128x128" href="icons/favicon-128x128.png">
     <link rel="icon" type="image/png" sizes="96x96" href="icons/favicon-96x96.png">