feat: add transform:scale() UI scaling for 1920x1080 canvas

2026-06-12 16:23:49 +08:00
parent 0177af3416
commit 6a6414510e
5 changed files with 30 additions and 5 deletions
--- a/index.html
+++ b/index.html
@@ -4,6 +4,14 @@
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>交互式电影游戏</title>
+    <style>
+      html, body { width: 100vw; height: 100vh; margin: 0; overflow: hidden; background: #000; }
+      #app {
+        width: 1920px; height: 1080px;
+        transform-origin: top left;
+        transform: scale(var(--scale));
+      }
+    </style>
  </head>
  <body>
    <div id="app"></div>