Skip to content

Commit 35ca73a

Browse files
author
TechStack Global
committed
fix: optimize comparison spec table for mobile users
1 parent 2d35a0e commit 35ca73a

File tree

1 file changed

+8
-2
lines changed

1 file changed

+8
-2
lines changed

posts/xreal-1s-vs-meta-quest-3.html

Lines changed: 8 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -46,14 +46,20 @@
4646
font-size: 0.8rem;
4747
text-transform: uppercase;
4848
}
49+
.comparison-table-wrapper {
50+
overflow-x: auto;
51+
-webkit-overflow-scrolling: touch;
52+
margin: 2rem 0;
53+
border-radius: 12px;
54+
border: 1px solid rgba(255,255,255,0.1);
55+
}
4956
.spec-table {
5057
width: 100%;
58+
min-width: 600px;
5159
border-collapse: collapse;
52-
margin: 2rem 0;
5360
background: rgba(255,255,255,0.03);
5461
border-radius: 12px;
5562
overflow: hidden;
56-
border: 1px solid rgba(255,255,255,0.1);
5763
}
5864
.spec-table th, .spec-table td {
5965
padding: 1.25rem;

0 commit comments

Comments
 (0)