From 3cc6b1619acb146b702da7ad784184ee1d100937 Mon Sep 17 00:00:00 2001
From: zyh <zyh320888@vip.qq.com>
Date: Fri, 17 Apr 2026 01:27:38 +0000
Subject: [PATCH] =?UTF-8?q?sync:=20d8d-prototype=20=E6=89=8B=E6=9C=BA?=
 =?UTF-8?q?=E5=B0=BA=E5=AF=B8=E4=BB=8E=20iPhone=20SE=20=E5=8D=87=E7=BA=A7?=
 =?UTF-8?q?=E5=88=B0=20iPhone=2012+=20(390=C3=97844)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- phone-frame 从 375×812 改为 414×868 (border-box 含 12px 边框)
- grid 列宽从固定 375px 改为 minmax(440px, 1fr) 适配更大屏幕
---
 .../skills/d8d-prototype/steps/step-03-generate-index.md  | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/.claude/skills/d8d-prototype/steps/step-03-generate-index.md b/.claude/skills/d8d-prototype/steps/step-03-generate-index.md
index 9842995..0bd5a70 100644
--- a/.claude/skills/d8d-prototype/steps/step-03-generate-index.md
+++ b/.claude/skills/d8d-prototype/steps/step-03-generate-index.md
@@ -114,9 +114,10 @@
 
 ```html
 <style>
+    /* phone-frame: iPhone 12+ 逻辑分辨率 390×844，border-box 下 414×868 = 390×844 内容区 + 12px×2 边框 */
     .phone-frame {
-        width: 375px;
-        height: 812px;
+        width: 414px;
+        height: 868px;
         border: 12px solid #1a1a1a;
         border-radius: 40px;
         overflow: hidden;
@@ -127,9 +128,10 @@
         height: 100%;
         border: none;
     }
+    /* grid 列宽 minmax(440px) 容纳 414px phone-frame + 容器内边距 */
     .prototype-grid {
         display: grid;
-        grid-template-columns: repeat(auto-fill, 375px);
+        grid-template-columns: repeat(auto-fill, minmax(440px, 1fr));
         gap: 24px;
         padding: 24px;
         justify-content: center;