diff --git a/editor/index.html b/editor/index.html
index 9fbad33..12846b8 100644
--- a/editor/index.html
+++ b/editor/index.html
@@ -4,7 +4,14 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>剧情编辑器 — 交互式电影游戏</title>
-    <link rel="stylesheet" href="./style.css" />
+    <style>
+      html, body { width: 100vw; height: 100vh; margin: 0; overflow: hidden; background: #0a0a16; }
+      #editor-app {
+        width: 1920px; height: 1080px;
+        transform-origin: top left;
+        transform: scale(var(--scale));
+      }
+    </style>
   </head>
   <body>
     <div id="editor-app"></div>
diff --git a/editor/main.ts b/editor/main.ts
index 4aaa1b5..58590d5 100644
--- a/editor/main.ts
+++ b/editor/main.ts
@@ -2,6 +2,13 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import EditorApp from './App.vue'
 
+function applyScale() {
+  const s = Math.min(window.innerWidth / 1920, window.innerHeight / 1080)
+  document.documentElement.style.setProperty('--scale', String(s))
+}
+applyScale()
+window.addEventListener('resize', applyScale)
+
 const app = createApp(EditorApp)
 app.use(createPinia())
 app.mount('#editor-app')
diff --git a/index.html b/index.html
index c71929e..bd7621a 100644
--- 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>
diff --git a/src/App.vue b/src/App.vue
index 49e7239..10283dc 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -405,10 +405,6 @@ html, body {
   font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
 }
 
-#app {
-  width: 100%;
-  height: 100%;
-}
 </style>
 
 <style scoped>
diff --git a/src/main.ts b/src/main.ts
index 27b8b78..a1d3ff9 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -2,6 +2,13 @@ import { createApp } from 'vue'
 import { createPinia } from 'pinia'
 import App from './App.vue'
 
+function applyScale() {
+  const s = Math.min(window.innerWidth / 1920, window.innerHeight / 1080)
+  document.documentElement.style.setProperty('--scale', String(s))
+}
+applyScale()
+window.addEventListener('resize', applyScale)
+
 const app = createApp(App)
 app.use(createPinia())
 app.mount('#app')
