From 5e59180193895d33e833a5eb382eddeca76b95fd Mon Sep 17 00:00:00 2001
From: hehh <lingtinzhe@icloud.com>
Date: Thu, 17 Jul 2025 20:19:58 +0800
Subject: [PATCH] =?UTF-8?q?style(css):=20=E4=BC=98=E5=8C=96=20iPhone=20?=
 =?UTF-8?q?=E6=A8=A1=E6=8B=9F=E5=99=A8=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 调整 iPhone 模拟器的位置和大小
- 添加自适应最大宽度和高度限制
- 保持 iPhone 16 Pro 的宽高比例
- 优化边框和阴影效果
---
 css/style.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/css/style.css b/css/style.css
index fe524ca..7f8168f 100644
--- a/css/style.css
+++ b/css/style.css
@@ -10115,10 +10115,13 @@ j {
 .iphone-simulator {
     position: fixed;
     top: 50%;
-    right: 1%;
+    right: 10px;
     transform: translate(-50%, -50%) scale(1);
     width: 393px; /* iPhone 16 Pro 宽度 */
     height: 852px; /* iPhone 16 Pro 高度 */
+    max-width: 30vw; /* 自适应最大宽度为视口宽度的30% */
+    max-height: 90vh; /* 自适应最大高度为视口高度的90% */
+    aspect-ratio: 393 / 852; /* 保持 iPhone 16 Pro 比例 */
     border-radius: 47px; /* 真机圆角 */
     box-shadow: 0 0 0 12px #1a1a1a, /* 边框模拟 */
     0 0 0 14px #000, /* 外阴影 */