打开/关闭菜单
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
删除的内容 添加的内容
XP-jia留言 | 贡献
测试移动端
XP-jia留言 | 贡献
继续测试移动端
第101行: 第101行:
flex-direction: column; /* 默认移动端纵向 */
flex-direction: column; /* 默认移动端纵向 */
align-items: stretch;
align-items: stretch;
gap: 10px; /* 分类之间的间距 */
width: 100%; /* 占满整页面 */
width: 100%; /* 宽度撑满 */
gap: 10px; /* 分类之间的间距 */
}
}


/* 适配桌面端横向排列 */
/* 适配桌面端横向排列,均分宽度 */
@media (min-width: 768px) {
@media (min-width: 768px) {
.software-info {
.software-info {
flex-direction: row;
flex-direction: row;
flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between; /* 均匀分布 */
justify-content: space-between;
align-items: stretch; /* 让所有分类高度对齐 */
}
}


.software-info-section {
.software-info-section {
flex: 1; /* 所有分类宽度相同 */
flex: 1 1 25%; /* 让每个分类占 1/4 宽度,确保 4 列等宽 */
min-width: 250px; /* 避免内容过窄 */
display: flex;
display: flex;
flex-direction: column; /* 让表格填充整个区域 */
flex-direction: column;
min-width: 250px; /* 避免列太窄 */
max-width: 25%; /* 强制 4 列布局 */
box-sizing: border-box; /* 让 padding 和 border 不影响宽度计算 */
}
}

/* 适配移动端:改回纵向排列 */
@media (max-width: 767px) {
.software-info-section {
flex: 1 1 100%; /* 让分类独占整行 */
max-width: 100%;
}
}
}
}