diff options
| author | Zhiming Wang <zmwangx@gmail.com> | 2015-07-23 23:39:40 -0700 |
|---|---|---|
| committer | Zhiming Wang <zmwangx@gmail.com> | 2015-07-23 23:39:40 -0700 |
| commit | be759c27fcb5675ac877b5657d12e236e1e3d244 (patch) | |
| tree | 4a4c517a914acd79b5075890cf2f439ac05deaeb /templates/template.html | |
| parent | 18d5bcebcf459db56688c352f2eb8ad9b4e35480 (diff) | |
| download | my_new_personal_website-be759c27fcb5675ac877b5657d12e236e1e3d244.tar.xz my_new_personal_website-be759c27fcb5675ac877b5657d12e236e1e3d244.zip | |
configure viewport and get rid of theme-enlarge.css
Viewport configuration per Google's mobile usability suggestions. It not
only provides a consistent experience by using device independent
pixels, but also help me get rid of theme-enlarge.css, which could
result in unexpectedly large font when one accidently resize to a
portrait window on the desktop. Thanks Google!
See https://developers.google.com/speed/docs/insights/ConfigureViewport.
Diffstat (limited to '')
| -rw-r--r-- | templates/template.html | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/templates/template.html b/templates/template.html index 4ebc4d27..05c0ac17 100644 --- a/templates/template.html +++ b/templates/template.html @@ -11,6 +11,7 @@ $endif$ <link rel="apple-touch-icon-precomposed" href="/img/favicon-152.png"/> <meta name="msapplication-TileColor" content="#FFFFFF"/> <meta name="msapplication-TileImage" content="/img/favicon-144.png"/> +<meta name="viewport" content="width=device-width, initial-scale=1"> <style type="text/css">code{white-space: pre;}</style> $if(quotes)$ <style type="text/css">q { quotes: "“" "”" "‘" "’"; }</style> @@ -32,7 +33,6 @@ $endfor$ <link href='/css/normalize.css' media="all" rel="stylesheet" type="text/css"/> <link href='/css/theme.css' media="all" rel="stylesheet" type="text/css"/> <link href='/css/theme-narrow.css' media="only screen and (max-width: 980px)" rel="stylesheet" type="text/css"/> -<link href='/css/theme-enlarge.css' media="only screen and (max-width: 980px) and (orientation: portrait)" rel="stylesheet" type="text/css"/> <link href='/css/print.css' media="print" rel="stylesheet" type="text/css"/> <link href="//fonts.googleapis.com/css?family=PT+Serif:regular,italic,bold,bolditalic" rel="stylesheet" type="text/css"/> <link href="//fonts.googleapis.com/css?family=Droid+Sans+Mono" rel="stylesheet" type="text/css"/> |