fix(css): 调整英文版统计键和标签的字体大小响应式样式
- 删除了针对英文版移动端统计键字体大小的旧样式规则 - 新增了针对平板尺寸范围内英文版统计键字体大小的媒体查询 - 添加了针对特定屏幕宽度内英文版 MBTI 标签字体大小的媒体查询 - 优化了多语言环境下响应式布局的表现一致性
This commit is contained in:
@@ -1123,6 +1123,18 @@ body {
|
||||
text-shadow: 0 0 5px rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
@media (min-width: 769px) and (max-width: 1445px){
|
||||
[data-lang="en"] .stat-key {
|
||||
font-size: 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
@media (min-width: 1030px) and (max-width: 1445px) {
|
||||
[data-lang="en"] .mbti-tags .tag {
|
||||
font-size: 0.5rem !important;
|
||||
}
|
||||
}
|
||||
|
||||
/* Responsive Stats Layout */
|
||||
@media (min-width: 1025px) and (max-width: 1445px), (min-width: 1201px) {
|
||||
.area-stats {
|
||||
@@ -2413,12 +2425,7 @@ html, body {
|
||||
overflow-x: hidden;
|
||||
}
|
||||
|
||||
/* Fix Stat Key Font Size on English Mobile */
|
||||
@media (max-width: 768px) {
|
||||
[data-lang="en"] .stat-key {
|
||||
font-size: 6px !important;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/* Final Theme Consistency Checks */
|
||||
[data-theme="night"] {
|
||||
|
||||
Reference in New Issue
Block a user