From 53b8813bcb43aca9293002e9a4159ccc856ecfe2 Mon Sep 17 00:00:00 2001
From: Cx330 <1487537121@qq.com>
Date: Thu, 13 Aug 2026 17:34:38 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E7=95=8C=E9=9D=A2?=
 =?UTF-8?q?=E8=87=AA=E9=80=82=E5=BA=94=E7=BC=A9=E6=94=BE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 css/style.css | 13 +++++++++++--
 index.html    | 32 ++++++++++++++++++++++++++++++++
 2 files changed, 43 insertions(+), 2 deletions(-)
diff --git a/css/style.css b/css/style.css
index 0522fa5..c103684 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10,10 +10,19 @@
     }
     body {
       display: block;
-      width: 210mm;
-      margin: 0 auto;
+      margin: 0;
       background-color: #ffffff;
       color: #333;
+      overflow-x: hidden;
+    }
+    #resume-wrapper {
+      width: 100%;
+      overflow: hidden;
+    }
+    #resume {
+      width: 210mm;
+      margin: 0 auto;
+      transform-origin: top left;
     }
     li {
       line-height: 1.5;
diff --git a/index.html b/index.html
index 44e6376..489fa89 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,8 @@
   <link rel="stylesheet" href="css/style.css">
 </head>
 <body>
+  <div id="resume-wrapper">
+  <div id="resume">
   <div class="page page-left">
     <div class="left-section">
       <div class="basic-info">
@@ -247,5 +249,35 @@
       </div>
     </div>
   </div>
+  </div>
+  </div>
+<script>
+(function () {
+  var resume = document.getElementById('resume');
+  var wrapper = document.getElementById('resume-wrapper');
+  if (!resume || !wrapper) return;
+  function fit() {
+    var a4WidthPx = resume.offsetWidth;                 // A4 排版宽度（≈794px），不受 transform 影响
+    var vw = document.documentElement.clientWidth || window.innerWidth; // 可视宽度（已扣除滚动条）
+    if (a4WidthPx > 0 && vw < a4WidthPx) {
+      var scale = vw / a4WidthPx;                       // 等比缩放：让 A4 宽度正好填满屏幕
+      resume.style.transform = 'scale(' + scale + ')';
+      resume.style.marginLeft = '0';
+      resume.style.marginRight = '0';
+      wrapper.style.height = (resume.offsetHeight * scale) + 'px'; // 同步容器高度，消除缩放后空白
+    } else {
+      resume.style.transform = 'none';
+      resume.style.marginLeft = '';
+      resume.style.marginRight = '';
+      wrapper.style.height = '';
+    }
+  }
+  var t = null;
+  window.addEventListener('resize', function () { if (t) clearTimeout(t); t = setTimeout(fit, 80); });
+  window.addEventListener('orientationchange', fit);
+  window.addEventListener('load', fit);
+  fit();
+})();
+</script>
 </body>
 </html>
\ No newline at end of file
