没改轮播图的版本

products.html

@@ -31,7 +31,8 @@
         color: var(--text);
         overflow-y: auto;
         scroll-behavior: smooth;
-        min-width: 320px;
+        min-width: 1280px;
+        transform-origin: top left;
       }
       a {
         color: inherit;
@@ -1157,6 +1158,32 @@
       </div>
     </div>
 
+    <script>
+      // 视口缩放 - 基于1920px设计稿
+        const designWidth = 1920;
+        const minWidth = 1280;
+        const maxWidth = 2560;
+
+        function scale() {
+          const vw = window.innerWidth;
+          let scale = 1;
+
+          if (vw < minWidth) {
+            scale = vw / minWidth;
+          } else if (vw > maxWidth) {
+            scale = vw / maxWidth;
+          } else {
+            scale = vw / designWidth;
+          }
+
+          document.body.style.transform = `scale(${scale})`;
+          document.body.style.width = `${designWidth}px`;
+        }
+
+        scale();
+        window.addEventListener('resize', scale);
+      })();
+    </script>
     <script>
       // 分类筛选功能
       const categoryBtns = document.querySelectorAll('.category-btn');