Add viewport meta tag to HTML head (#337)

dzuelke · web-flow · commit d63c5d0d7518 · 2024-08-28T18:05:12.000-04:00
Much better page dimensions and scaling on mobile devices; this tag is standard practice for HTML these days. Also see heroku/php-getting-started#74
diff --git a/views/partials/header.ejs b/views/partials/header.ejs
@@ -1,4 +1,5 @@
 <title>Node.js Getting Started on Heroku</title>
+<meta name="viewport" content="width=device-width, initial-scale=1.0" />
 <link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
 <script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>

Original file line number	Diff line number	Diff line change
`@@ -1,4 +1,5 @@`
`1`	`1`	`<title>Node.js Getting Started on Heroku</title>`
	`2`	`+<meta name="viewport" content="width=device-width, initial-scale=1.0" />`
`2`	`3`	`<link rel="stylesheet" type="text/css" href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />`
`3`	`4`	`<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>`
`4`	`5`	`<script type="text/javascript" src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>`