Fix scaling on mobile devices

8 years ago · 582cda3c89
4 changed files with 8 additions and 1 deletions
--- a/templates/generic_page.html
+++ b/templates/generic_page.html
@ -6,6 +6,8 @@
 	<title>{{ board.url }} - {{ board.name }}</title>
 	{% endblock %}
 </head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+
 <body>	
 	{{ boardlist.top }}
 	{% if pm %}<div class="top_notice">You have <a href="?/PM/{{ pm.id }}">an unread PM</a>{% if pm.waiting > 0 %}, plus {{ pm.waiting }} more waiting{% endif %}.</div><hr />{% endif %}
--- a/templates/index.html
+++ b/templates/index.html
@ -2,7 +2,8 @@
 <html>
 <head>
 	<meta charset="utf-8">
-	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+
        <script type="text/javascript">
          {% if not no_post_form %}
            var active_page = "index";
--- a/templates/page.html
+++ b/templates/page.html
@ -2,6 +2,8 @@
 <html>
 <head>
 	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+
 	<script type="text/javascript">
 		active_page = "page";
 	</script>
--- a/templates/thread.html
+++ b/templates/thread.html
@ -2,6 +2,8 @@
 <html>
 <head>
 	<meta charset="utf-8">
+	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">
+

        <script type="text/javascript">
          var active_page = "thread";