Merge pull request #96 from symant233/dev

Add @media to html_viewer (mobile friendly)
This commit is contained in:
Ricter Zheng
2019-12-16 10:41:53 +08:00
committed by GitHub
3 changed files with 24 additions and 0 deletions

View File

@ -2,6 +2,7 @@
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes, viewport-fit=cover" />
<title>{TITLE}</title>
<style>
{STYLES}

View File

@ -67,4 +67,26 @@ html, body {
0 0 2px #222,
0 0 2px #222,
0 0 2px #222;
}
@media only screen and (max-width: 855px) {
nav {
display: none;
}
}
@media only screen and (max-device-width: 855px) {
nav {
display: none;
}
}
div {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
:focus {
outline: 0;
border:none;
color: rgba(0, 0, 0, 0);
}