MediaWiki:Common.css:修订间差异

删除的内容 添加的内容
XP-jia​(留言 | 贡献)
测试移动端
XP-jia​(留言 | 贡献)
继续测试移动端
第101行:
flex-direction: column; /* 默认移动端纵向 */
align-items: stretch;
gapwidth: 10px100%; /* 每占满整个分类之间的间距页面 */
widthgap: 100%10px; /* 宽度撑满分类之间的间距 */
}
 
/* 适配桌面端,:横向排列,均分宽度 */
@media (min-width: 768px) {
.software-info {
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between; /* 均匀分布 */
align-items: stretch; /* 让所有分类高度对齐 */▼
}
 
.software-info-section {
flex: 1 1 25%; /* 所有让每个分类占 1/4 宽度相同,确保 4 列等宽 */
min-width: 250px; /* 避免内容过窄 */▼
display: flex;
flex-direction: column; /* 让表格填充整个区域 */
▲ min-width: 250px; /* 避免内容过列太窄 */
max-width: 25%; /* 强制 4 列布局 */
box-sizing: border-box; /* 让 padding 和 border 不影响宽度计算 */
}
}
 
/* 适配移动端:改回纵向排列 */
@media (max-width: 767px) {
.software-info-section {
▲ align-itemsflex: stretch1 1 100%; /* 让所有分类高度对齐独占整行 */
max-width: 100%;
}
}