diff options
author | Johannes Löthberg <johannes@kyriasis.com> | 2016-11-16 14:45:50 +0100 |
---|---|---|
committer | Johannes Löthberg <johannes@kyriasis.com> | 2016-11-16 14:45:50 +0100 |
commit | 985b052d3961ab97ac9cf2e6f9f712a7a34024e1 (patch) | |
tree | 0557a28402bc2c8f96b29540061afd26b14b487e /templates | |
parent | 66f5dcf0ba6a554bec8cd45c01982d0588cf7bbc (diff) | |
download | kyblo-985b052d3961ab97ac9cf2e6f9f712a7a34024e1.tar.xz |
Set viewport properly for mobile
> The width property controls the size of the viewport. It can be set to
> a specific number of pixels like width=600 or to the special value
> device-width which is the width of the screen in CSS pixels at a scale
> of 100%.
>
> The initial-scale property controls the zoom level when the page is
> first loaded.
— https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag
Signed-off-by: Johannes Löthberg <johannes@kyriasis.com>
Diffstat (limited to 'templates')
-rw-r--r-- | templates/layout.html | 1 |
1 files changed, 1 insertions, 0 deletions
diff --git a/templates/layout.html b/templates/layout.html index 562764f..487a040 100644 --- a/templates/layout.html +++ b/templates/layout.html @@ -2,6 +2,7 @@ <html lang="en"> <head> <meta charset="UTF-8"> + <meta name="viewport" content="width=device-width, initial-scale=1"> {% block head %}{% endblock %} <style> html { |