提交缩放

css/style.css

@@ -21,9 +21,28 @@ body {
     color: #fff;
     min-width: 320px;
     overflow-x: hidden;
-    /* PC端缩放相关样式 */
-    transform-origin: left top;
-    transition: transform 0.1s ease-out;
+    margin: 0;
+    padding: 0;
+}
+
+/* PC端缩放包装器 */
+#scale-wrapper {
+    width: 100%;
+    height: 100vh;
+    overflow-x: hidden;  /* 隐藏横向滚动条 */
+    overflow-y: auto;   /* 允许纵向滚动 */
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+}
+
+/* 移动端不需要包装器 */
+@media screen and (max-width: 768px) {
+    #scale-wrapper {
+        height: auto;
+        overflow: visible;
+        display: block;
+    }
 }
 
 .container {
@@ -32,8 +51,9 @@ body {
     flex-direction: column;
     justify-content: space-between;
     background: #000;
-    /* 固定最小宽度，避免缩放时内容挤压 */
-    min-width: 1200px;
+    /* 固定设计稿宽度 */
+    width: 1920px;
+    min-width: 1920px;
 }
 
 .cont{
@@ -48,11 +68,9 @@ body {
 /* 移动端下调整宽度 */
 @media screen and (max-width: 768px) {
     body {
-        transform: none !important;
-        width: 100% !important;
-        min-width: 320px !important;
-        height: auto !important;
-        overflow-x: hidden !important;
+        width: 100%;
+        min-width: 320px;
+        overflow-x: hidden;
     }
 
     .container {