Commit 4c09d019 authored by Adrien Dorsaz's avatar Adrien Dorsaz

adapt to mobile screens and force mobile browser to set real viewport

parent cc0852bb
/* CSS for large screens */
@media (min-width: 45rem)
{
body {
width: 40rem;
}
/* End of Media width condition */
}
body {
margin: 5%;
font-family: "DejaVu Sans", "Sans";
font-family: Cantarell, Liberation Sans, DejaVu Sans, sans-serif;
text-align: justify ;
margin: auto;
}
h1, h2 {
font-weight : 300;
text-align: left;
font-weight : 300;
text-align: left;
}
h1 {
......@@ -18,7 +18,7 @@ header {
}
abbr {
font-variant: all-small-caps;
font-variant: all-small-caps;
}
.subtitle {
......@@ -26,9 +26,3 @@ abbr {
font-style: italic;
}
@media (min-width: 1024px){
body {
margin: 5% 20%;
}
}
/* CSS for small screens */
@media (min-width: 0)
{
body {
width: 90vw;
}
/* End of Media width condition */
}
......@@ -3,7 +3,10 @@
<head>
<title>A tiny ACME client to respond to DNS challenges</title>
<meta charset="UTF-8" />
<link rel="stylesheet" type="text/css" media="screen" href="/all.css" />
<meta name='viewport' content='width=device-width, initial-scale=1' />
<link rel="stylesheet" type="text/css" media="screen" href="./css/screen.css" />
<link rel="stylesheet" type="text/css" media="screen" href="./css/small.css" />
<link rel="stylesheet" type="text/css" media="screen" href="./css/large.css" />
</head>
<body>
<header>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment