Honesty/home
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style(css): 调整 iPhone 16 Pro 的模拟器尺寸和比例

Browse Source 
- 调整宽度和高度以更接近真实设备尺寸
- 增加最大宽度百分比以适应不同视口大小
- 更新宽高比以匹配新尺寸
This commit is contained in:
hehh
2025-07-17 23:55:25 +08:00
parent 5e59180193
commit a4e6e6c3db
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
css/style.css
View File

@@ -10117,11 +10117,11 @@ j {
top: 50%;
right: 10px;
transform: translate(-50%, -50%) scale(1);
width: 393px; /* iPhone 16 Pro 宽度 */
height: 852px; /* iPhone 16 Pro 高度 */
max-width: 30vw; /* 自适应最大宽度为视口宽度的30% */
width: 395px; /* iPhone 16 Pro 宽度 */
height: 830px; /* iPhone 16 Pro 高度 */
max-width: 45vw; /* 自适应最大宽度为视口宽度的30% */
max-height: 90vh; /* 自适应最大高度为视口高度的90% */
aspect-ratio: 393 / 852; /* 保持 iPhone 16 Pro 比例 */
aspect-ratio: 395 / 830; /* 保持 iPhone 16 Pro 比例 */
border-radius: 47px; /* 真机圆角 */
box-shadow: 0 0 0 12px #1a1a1a, /* 边框模拟 */
0 0 0 14px #000, /* 外阴影 */