From cbab86a0312b62bf46af47349101c985e92db732 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B5=85=E5=BF=B5?= <email@sample.com>
Date: Fri, 13 Feb 2026 13:14:53 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/main.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

diff --git a/js/main.js b/js/main.js
index 36aa95b..acc4a9f 100644
--- a/js/main.js
+++ b/js/main.js
@@ -26,6 +26,7 @@ function setScale() {
         document.body.style.minWidth = '320px';
         document.body.style.height = 'auto';
         document.body.style.overflowX = 'hidden';
+        document.documentElement.style.height = 'auto';
         return;
     }
 
@@ -38,13 +39,15 @@ function setScale() {
 
     // 重置样式以获取真实内容高度
     document.body.style.transform = 'none';
+    document.body.style.width = `${DESIGN_WIDTH}px`;
+    document.body.style.minWidth = `${DESIGN_WIDTH}px`;
     document.body.style.height = 'auto';
 
-    // 获取真实内容高度
-    const contentHeight = document.body.scrollHeight;
+    // 获取真实内容高度（使用 scrollHeight 获取完整内容高度）
+    const contentHeight = document.documentElement.scrollHeight || document.body.scrollHeight;
 
-    // 计算缩放后的高度
-    const scaledHeight = Math.ceil(contentHeight * finalScale);
+    // 计算缩放后的高度，添加2px余量确保内容完全显示
+    const scaledHeight = Math.ceil(contentHeight * finalScale) + 2;
 
     // 应用缩放
     document.body.style.transform = `scale(${finalScale})`;
@@ -54,6 +57,10 @@ function setScale() {
     document.body.style.height = `${scaledHeight}px`;
     document.body.style.marginLeft = '0px';
     document.body.style.overflowX = 'hidden';
+
+    // 不限制 html 元素，让内容自然显示
+    document.documentElement.style.height = '';
+    document.documentElement.style.overflow = '';
 }
 
 // 模拟数据 - 小组排名