diff --git a/docs/src/components/HeadCommon.astro b/docs/src/components/HeadCommon.astro
index 3a58af07b6a0..46fe72743085 100644
--- a/docs/src/components/HeadCommon.astro
+++ b/docs/src/components/HeadCommon.astro
@@ -1,5 +1,5 @@
 <!-- Global Metadata -->
-<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<meta name="viewport" content="width=device-width">
 <link rel="icon" type="image/svg+xml" href="/favicon.svg"/>
 <link rel="sitemap" href="/sitemap.xml"/>
 
diff --git a/examples/blog/src/components/BaseHead.astro b/examples/blog/src/components/BaseHead.astro
index 4905e1b7a05a..b060d78ed6dc 100644
--- a/examples/blog/src/components/BaseHead.astro
+++ b/examples/blog/src/components/BaseHead.astro
@@ -8,7 +8,7 @@ const { title, description, permalink } = Astro.props;
 ---
 
 <meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<meta name="viewport" content="width=device-width" />
 
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
diff --git a/examples/framework-multiple/src/pages/index.astro b/examples/framework-multiple/src/pages/index.astro
index 1128029c2003..1319941cb05f 100644
--- a/examples/framework-multiple/src/pages/index.astro
+++ b/examples/framework-multiple/src/pages/index.astro
@@ -14,7 +14,7 @@ import SvelteCounter from '../components/SvelteCounter.svelte';
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <meta name="viewport" content="width=device-width" />
     <style>
         :global(:root) {
             font-family: system-ui;
diff --git a/examples/framework-preact/src/pages/index.astro b/examples/framework-preact/src/pages/index.astro
index 2d2a15f6bef0..cde3929b93a6 100644
--- a/examples/framework-preact/src/pages/index.astro
+++ b/examples/framework-preact/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter.jsx'
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
+      content="width=device-width"
     />
     <style>
       :global(:root) {
diff --git a/examples/framework-react/src/pages/index.astro b/examples/framework-react/src/pages/index.astro
index 79f2ddf74f03..a074348aad9e 100644
--- a/examples/framework-react/src/pages/index.astro
+++ b/examples/framework-react/src/pages/index.astro
@@ -13,7 +13,7 @@ const someProps = {
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
+      content="width=device-width"
     />
     <style>
       :global(:root) {
diff --git a/examples/framework-solid/src/pages/index.astro b/examples/framework-solid/src/pages/index.astro
index 2c279a7af85a..591b641e95cf 100644
--- a/examples/framework-solid/src/pages/index.astro
+++ b/examples/framework-solid/src/pages/index.astro
@@ -7,7 +7,7 @@ import Counter from '../components/Counter.tsx';
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
+      content="width=device-width"
     />
     <style>
       :global(:root) {
diff --git a/examples/framework-svelte/src/pages/index.astro b/examples/framework-svelte/src/pages/index.astro
index 194e5bfebf5c..b71ce9bc00eb 100644
--- a/examples/framework-svelte/src/pages/index.astro
+++ b/examples/framework-svelte/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter.svelte'
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
+      content="width=device-width"
     />
     <style>
       :global(:root) {
diff --git a/examples/framework-vue/src/pages/index.astro b/examples/framework-vue/src/pages/index.astro
index 6001e20e9ce1..5d7005f52bdf 100644
--- a/examples/framework-vue/src/pages/index.astro
+++ b/examples/framework-vue/src/pages/index.astro
@@ -11,7 +11,7 @@ import Counter from '../components/Counter.vue'
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
+      content="width=device-width"
     />
     <style>
       :global(:root) {
diff --git a/examples/snowpack/src/components/BaseHead.astro b/examples/snowpack/src/components/BaseHead.astro
index f83992662060..3b07add09779 100644
--- a/examples/snowpack/src/components/BaseHead.astro
+++ b/examples/snowpack/src/components/BaseHead.astro
@@ -11,7 +11,7 @@ const { title, description, permalink } = Astro.props as Props;
 ---
 
 <meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<meta name="viewport" content="width=device-width" />
 <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" />
 <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" />
 <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" />
diff --git a/examples/snowpack/src/pages/tutorials/getting-started.md b/examples/snowpack/src/pages/tutorials/getting-started.md
index 9fcb258b2e5b..d3bb7c6e0b41 100644
--- a/examples/snowpack/src/pages/tutorials/getting-started.md
+++ b/examples/snowpack/src/pages/tutorials/getting-started.md
@@ -57,7 +57,7 @@ Create an `index.html` in your project with the following contents:
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="viewport" content="width=device-width" />
     <meta name="description" content="Starter Snowpack App" />
     <title>Starter Snowpack App</title>
   </head>
diff --git a/examples/starter/src/pages/index.astro b/examples/starter/src/pages/index.astro
index 30a28212a642..3030ff096c75 100644
--- a/examples/starter/src/pages/index.astro
+++ b/examples/starter/src/pages/index.astro
@@ -16,7 +16,7 @@ let title = 'My Astro Site';
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width">
     <title>{title}</title>
     <link rel="icon" type="image/svg+xml" href="/favicon.svg">
     <link rel="stylesheet" href="/style/global.css">
diff --git a/examples/with-nanostores/src/pages/index.astro b/examples/with-nanostores/src/pages/index.astro
index 94afa8b0a400..b4d99028ca8a 100644
--- a/examples/with-nanostores/src/pages/index.astro
+++ b/examples/with-nanostores/src/pages/index.astro
@@ -11,7 +11,7 @@ import AdminsPreact from '../components/AdminsPreact.jsx';
 <html lang="en">
 <head>
     <meta charset="UTF-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="viewport" content="width=device-width">
     <title>Astro</title>
 
     <link rel="icon" type="image/svg+xml" href="/favicon.svg">
diff --git a/packages/astro/test/fixtures/astro-dynamic/src/pages/media.astro b/packages/astro/test/fixtures/astro-dynamic/src/pages/media.astro
index 3435f8df4d3f..e9de8a2984b4 100644
--- a/packages/astro/test/fixtures/astro-dynamic/src/pages/media.astro
+++ b/packages/astro/test/fixtures/astro-dynamic/src/pages/media.astro
@@ -5,7 +5,7 @@ const MOBILE = "(max-width: 600px)";
 <html>
 <head>
   <title>Media hydration</title>
-  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="viewport" content="width=device-width">
 </head>
 <body>
   <!-- Inline value -->
@@ -14,4 +14,4 @@ const MOBILE = "(max-width: 600px)";
   <!-- Using a variable -->
   <Counter client:media={MOBILE} />
 </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/packages/astro/test/fixtures/vue-component/src/pages/index.astro b/packages/astro/test/fixtures/vue-component/src/pages/index.astro
index bccd1d2c76fa..051dfe0686b8 100644
--- a/packages/astro/test/fixtures/vue-component/src/pages/index.astro
+++ b/packages/astro/test/fixtures/vue-component/src/pages/index.astro
@@ -6,7 +6,7 @@ import Counter from '../components/Counter.vue'
     <meta charset="utf-8" />
     <meta
       name="viewport"
-      content="width=device-width, initial-scale=1, viewport-fit=cover"
+      content="width=device-width"
     />
     <title>Vue component</title>
     <style>
diff --git a/www/src/components/BaseHead.astro b/www/src/components/BaseHead.astro
index 4905e1b7a05a..b060d78ed6dc 100644
--- a/www/src/components/BaseHead.astro
+++ b/www/src/components/BaseHead.astro
@@ -8,7 +8,7 @@ const { title, description, permalink } = Astro.props;
 ---
 
 <meta charset="utf-8" />
-<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+<meta name="viewport" content="width=device-width" />
 
 <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
 
