horizontal screen (try2)

2020-10-30 02:36:59 +03:00
parent 8664cc377d
commit 4e592a4e56
3 changed files with 13 additions and 5 deletions
--- a/mjprot/index.html
+++ b/mjprot/index.html
@@ -112,7 +112,7 @@
 			visibility: visible;
 		}
 	</style>
-<link rel="manifest" href="manifest.json">
+<link rel="stylesheet" href="screen.css">
 </head>
 <body>
 	<canvas id='canvas'>
--- a/mjprot/manifest.json
+++ b/mjprot/manifest.json
@@ -1,4 +0,0 @@
-{
-    "display": "standalone",
-    "orientation": "landscape"
-}
--- a/mjprot/screen.css
+++ 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;
+    }
+}