Skip to content

Commit 727b2f0

Browse files
committed
fix: 平衡卡片左右邊距,避免內容被切掉
- 卡片寬度改為 calc(100vw - 60px),確保左右都有 30px 空間 - 設定最大寬度 320px,避免在大手機上過寬 - 調整手機版卡片間距為 15px - 保持左右邊距各 20px,確保內容完整顯示
1 parent b17a1ba commit 727b2f0

1 file changed

Lines changed: 9 additions & 1 deletion

File tree

style.css

Lines changed: 9 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -177,6 +177,13 @@ body {
177177
-webkit-backface-visibility: hidden;
178178
}
179179

180+
@media (max-width: 768px) {
181+
.scenario-list {
182+
gap: 15px;
183+
padding: 20px 0;
184+
}
185+
}
186+
180187
.scenario-list::-webkit-scrollbar {
181188
height: 0;
182189
}
@@ -236,9 +243,10 @@ body {
236243

237244
@media (max-width: 768px) {
238245
.scenario-item {
239-
flex: 0 0 85vw;
246+
flex: 0 0 calc(100vw - 60px);
240247
padding: 20px;
241248
min-height: 400px;
249+
max-width: 320px;
242250
}
243251
}
244252

0 commit comments

Comments
 (0)