feat(about): 优化统计区域响应式布局和样式
- 调整PC端统计区域媒体查询断点,新增1025px至1445px区间布局 - 在不同屏幕宽度下优化统计区域网格布局和间距 - 为移动端统计数值添加neon-font样式类 - 移除统计数值元素的display:none内联样式 - 新增站点验证文件vercount-verify-v7lbufygdkzfqs35z6ih6l1q.txt
This commit is contained in:
@@ -1821,7 +1821,7 @@ body {
|
||||
}
|
||||
|
||||
/* PC端统计区域响应式布局 */
|
||||
@media (min-width: 1025px) {
|
||||
@media (min-width: 1446px) {
|
||||
.area-stats {
|
||||
grid-template-columns: repeat(5, 1fr);
|
||||
gap: 8px;
|
||||
@@ -1848,6 +1848,27 @@ body {
|
||||
}
|
||||
}
|
||||
|
||||
/* PC端统计区域响应式布局 */
|
||||
@media (min-width: 1025px) and (max-width: 1445px) {
|
||||
.area-stats {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
[data-lang="en"] .stat-key {
|
||||
font-size: 6px !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1201px) {
|
||||
.area-stats {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
grid-template-rows: repeat(2, 1fr);
|
||||
gap: 12px;
|
||||
}
|
||||
}
|
||||
|
||||
/* 移动端统计区域布局 */
|
||||
@media (max-width: 768px) {
|
||||
.area-stats {
|
||||
|
||||
Reference in New Issue
Block a user