feat(about): 优化统计区域响应式布局和样式
- 调整PC端统计区域媒体查询断点,新增1025px至1445px区间布局 - 在不同屏幕宽度下优化统计区域网格布局和间距 - 为移动端统计数值添加neon-font样式类 - 移除统计数值元素的display:none内联样式 - 新增站点验证文件vercount-verify-v7lbufygdkzfqs35z6ih6l1q.txt
This commit is contained in:
1
.well-known/vercount-verify-v7lbufygdkzfqs35z6ih6l1q.txt
Normal file
1
.well-known/vercount-verify-v7lbufygdkzfqs35z6ih6l1q.txt
Normal file
@@ -0,0 +1 @@
|
||||
vercount-domain-verify=www.hehouhui.cn,v7lbufygdkzfqs35z6ih6l1q
|
||||
@@ -151,11 +151,11 @@
|
||||
<span class="stat-key" data-i18n="stats.followers">Followers</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span id="busuanzi_value_site_pv" style='display:none'>0</span>
|
||||
<span class="stat-val neon-font" id="busuanzi_value_site_pv">0</span>
|
||||
<span class="stat-key" data-i18n="stats.visitNum">Visit num</span>
|
||||
</div>
|
||||
<div class="stat-item">
|
||||
<span id="busuanzi_value_site_uv" style='display:none'>0</span>
|
||||
<span class="stat-val neon-font" id="busuanzi_value_site_uv">0</span>
|
||||
<span class="stat-key" data-i18n="stats.visitors">Visitors</span>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
@@ -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