From 5b77b7e325a257016051dd6f3a47eeb86aba7e10 Mon Sep 17 00:00:00 2001
From: Shane Tomlinson <stomlinson@mozilla.com>
Date: Tue, 13 Dec 2011 14:21:27 +0000
Subject: [PATCH] Formatting for mobile.
* Add a meta tag for screen width.
* Add some CSS that mobile browsers will use to format correctly.
close #747
---
example/index.html | 7 +++++++
1 file changed, 7 insertions(+)
diff --git a/example/index.html b/example/index.html
index dda45d113..cb3438f55 100644
--- a/example/index.html
+++ b/example/index.html
@@ -2,6 +2,7 @@
<html>
<head>
<meta charset="utf-8">
+<meta name="viewport" content="initial-scale=1.0; maximum-scale=1.0; width=device-width;">
<title>
BrowserID Relying Party
</title>
@@ -32,6 +33,12 @@ a:hover { border-bottom: 2px solid black ; }
word-wrap: break-word;
}
+@media screen and (max-width: 640px) {
+ .intro, .output, .step {
+ width: 90%;
+ }
+}
+
</style>
</head>
<body>
--
GitLab