horizontal screen (try2)

4 年前 · 4e592a4e56
--- 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;
    }
 }