MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
删除的内容 添加的内容
继续优化移动端 |
测试布局 |
||
| 第106行: | 第106行: | ||
/* 适配桌面端:横向排列,平均分配宽度 */ |
/* 适配桌面端:横向排列,平均分配宽度 */ |
||
@media (min-width: 768px) { |
@media (min-width: 768px) { |
||
.software-info { |
|||
flex-direction: row; /* 变成横向排列 */ |
flex-direction: row; /* 变成横向排列 */ |
||
flex-wrap: wrap; /* 自动换行(防止过窄) */ |
flex-wrap: wrap; /* 自动换行(防止过窄) */ |
||
} |
} |
||
.software-info-section { |
|||
width: 25%; /* 每个分类占总宽度的 1/4 */ |
width: 25%; /* 每个分类占总宽度的 1/4 */ |
||
} |
} |
||
| 第118行: | 第118行: | ||
/* 适配移动端:纵向排列,填满整行 */ |
/* 适配移动端:纵向排列,填满整行 */ |
||
@media (max-width: 767px) { |
@media (max-width: 767px) { |
||
.software-info-section { |
|||
width: 100%; /* 每个分类单独一行,占满整个宽度 */ |
width: 100%; /* 每个分类单独一行,占满整个宽度 */ |
||
} |
} |
||
| 第139行: | 第139行: | ||
.software-info-section th, |
.software-info-section th, |
||
.software-info-section td { |
.software-info-section td { |
||
/* 使用具体颜色值,确保兼容性 */ |
|||
border: 1px solid |
border: 1px solid #ccc; |
||
padding: 8px; |
padding: 8px; |
||
text-align: left; |
text-align: left; |
||