horizontal screen (try2)

This commit is contained in:
2020-10-30 02:36:59 +03:00
parent 8664cc377d
commit 4e592a4e56
3 changed files with 13 additions and 5 deletions

View File

@@ -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'>

View File

@@ -1,4 +0,0 @@
{
"display": "standalone",
"orientation": "landscape"
}

12
mjprot/screen.css Normal file
View 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;
}
}