SuperKamiGuru/foss-mmo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improve scaling on small phone screens.

Browse source 
... at the expense of pixel perfection. :(
This commit is contained in:
David Thompson 2024-06-03 12:18:19 -04:00
parent ecd6cc669b
commit 5bccb7c7f6
1 changed files with 18 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

15
game.css
View file

@ -13,9 +13,24 @@ body {
height: 100vh; height: 100vh;
} }
/* Scale up canvas image on small screens. Loses pixel perfectness
but improves visibility on phones. */
@media (max-width: 960px) or (max-height: 720px) {
canvas { canvas {
display: block; display: block;
margin: auto auto; margin: auto auto;
image-rendering: pixelated;
object-fit: contain;
width: 100%;
height: 100%;
}
}
@media (min-width: 960px) or (min-height: 720px) {
canvas {
display: block;
margin: auto auto;
}
} }
@media (pointer: fine) { @media (pointer: fine) {