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

style(css): 优化 iPhone 模拟器样式

Browse Source 
- 调整 iPhone 模拟器的位置和大小
- 添加自适应最大宽度和高度限制
- 保持 iPhone 16 Pro 的宽高比例
- 优化边框和阴影效果
This commit is contained in:
hehh
2025-07-17 20:19:58 +08:00
parent 71ab61c0aa
commit 5e59180193
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
css/style.css
View File

@@ -10115,10 +10115,13 @@ j {
.iphone-simulator { .iphone-simulator {
position: fixed; position: fixed;
top: 50%; top: 50%;
right: 1%; right: 10px;
transform: translate(-50%, -50%) scale(1); transform: translate(-50%, -50%) scale(1);
width: 393px; /* iPhone 16 Pro 宽度 */ width: 393px; /* iPhone 16 Pro 宽度 */
height: 852px; /* 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; /* 真机圆角 */ border-radius: 47px; /* 真机圆角 */
box-shadow: 0 0 0 12px #1a1a1a, /* 边框模拟 */ box-shadow: 0 0 0 12px #1a1a1a, /* 边框模拟 */
0 0 0 14px #000, /* 外阴影 */ 0 0 0 14px #000, /* 外阴影 */