Reduce meta viewport tag (#1006)
This commit is contained in:
parent
058388c874
commit
c7aca2c9b2
15 changed files with 16 additions and 16 deletions
|
@ -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"/>
|
||||
|
||||
|
|
|
@ -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" />
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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) {
|
||||
|
|
|
@ -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" />
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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">
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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>
|
||||
|
|
|
@ -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" />
|
||||
|
||||
|
|
Loading…
Reference in a new issue