Reduce meta viewport tag (#1006)

withastro · Aug 4, 2021 · c7aca2c · c7aca2c · vercel · Aug 4, 2021
1 parent 058388c
commit c7aca2c
Show file tree

Hide file tree

Showing 15 changed files with 16 additions and 16 deletions.
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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>
+</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
@@ -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
@@ -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" />