Browse Source

horizontal screen (try2)

master
KaiSD 4 years ago
parent
commit
4e592a4e56
3 changed files with 13 additions and 5 deletions
  1. +1
    -1
      mjprot/index.html
  2. +0
    -4
      mjprot/manifest.json
  3. +12
    -0
      mjprot/screen.css

+ 1
- 1
mjprot/index.html 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'>


+ 0
- 4
mjprot/manifest.json View File

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

+ 12
- 0
mjprot/screen.css 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;
}
}

Loading…
Cancel
Save