Reduce meta viewport tag (#1006)

This commit is contained in:
Jonathan Neal 2021-08-04 08:30:58 -04:00 committed by GitHub
parent 058388c874
commit c7aca2c9b2
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
15 changed files with 16 additions and 16 deletions

View file

@ -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"/>

View file

@ -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" />

View file

@ -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;

View file

@ -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) {

View file

@ -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) {

View file

@ -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) {

View file

@ -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) {

View file

@ -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) {

View file

@ -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" />

View file

@ -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>

View file

@ -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">

View file

@ -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">

View file

@ -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>

View file

@ -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>

View file

@ -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" />