跟着麦叔学flask，感谢b站麦叔

static/js/main.js

@@ -0,0 +1,29 @@
+// js目前不会，先靠ai
+
+function resizeCanvas() {
+    // 定义设计基准尺寸
+    const designWidth = 1280;
+    const designHeight = 800;
+            
+    // 获取当前浏览器视口尺寸
+    const currentWidth = window.innerWidth;
+    const currentHeight = window.innerHeight;
+
+    const canvas = document.getElementById('app-canvas');
+
+    // 计算缩放比例
+    const scaleX = currentWidth / designWidth;
+    const scaleY = currentHeight / designHeight;
+    const scaleFactor = Math.min(scaleX, scaleY);
+
+    // 确保元素中心与 left: 50%; top: 50%; 对齐
+    canvas.style.transform = `translate(-50%, -50%) scale(${scaleFactor})`;
+}
+
+// 首次加载时执行
+document.addEventListener('DOMContentLoaded', resizeCanvas); 
+// 监听窗口大小变化时执行，保持动态缩放
+window.addEventListener('resize', resizeCanvas);
+        
+// 确保在某些情况下也能正确初始化
+resizeCanvas();