horizontal screen (try2)
This commit is contained in:
@@ -112,7 +112,7 @@
|
|||||||
visibility: visible;
|
visibility: visible;
|
||||||
}
|
}
|
||||||
</style>
|
</style>
|
||||||
<link rel="manifest" href="manifest.json">
|
<link rel="stylesheet" href="screen.css">
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body>
|
||||||
<canvas id='canvas'>
|
<canvas id='canvas'>
|
||||||
|
|||||||
@@ -1,4 +0,0 @@
|
|||||||
{
|
|
||||||
"display": "standalone",
|
|
||||||
"orientation": "landscape"
|
|
||||||
}
|
|
||||||
12
mjprot/screen.css
Normal file
12
mjprot/screen.css
Normal file
@@ -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;
|
||||||
|
}
|
||||||
|
}
|
||||||
Reference in New Issue
Block a user