From 4e592a4e56e18161b88014af5b85a882c746aad1 Mon Sep 17 00:00:00 2001 From: KaiSD Date: Fri, 30 Oct 2020 02:36:59 +0300 Subject: [PATCH] horizontal screen (try2) --- mjprot/index.html | 2 +- mjprot/manifest.json | 4 ---- mjprot/screen.css | 12 ++++++++++++ 3 files changed, 13 insertions(+), 5 deletions(-) delete mode 100644 mjprot/manifest.json create mode 100644 mjprot/screen.css diff --git a/mjprot/index.html b/mjprot/index.html index 29478bc..9868125 100644 --- a/mjprot/index.html +++ b/mjprot/index.html @@ -112,7 +112,7 @@ visibility: visible; } - + diff --git a/mjprot/manifest.json b/mjprot/manifest.json deleted file mode 100644 index 1217802..0000000 --- a/mjprot/manifest.json +++ /dev/null @@ -1,4 +0,0 @@ -{ - "display": "standalone", - "orientation": "landscape" -} \ No newline at end of file diff --git a/mjprot/screen.css b/mjprot/screen.css new file mode 100644 index 0000000..ec48196 --- /dev/null +++ b/mjprot/screen.css @@ -0,0 +1,12 @@ +@media screen and (orientation: portrait) { + html { + transform: rotate(-90deg); + transform-origin: left top; + width: 100vh; + height: 100vw; + overflow-x: hidden; + position: absolute; + top: 100%; + left: 0; + } +} \ No newline at end of file