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

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
删除的内容 添加的内容
XP-jia留言 | 贡献
继续优化移动端
XP-jia留言 | 贡献
测试布局
第106行: 第106行:
/* 适配桌面端:横向排列,平均分配宽度 */
/* 适配桌面端:横向排列,平均分配宽度 */
@media (min-width: 768px) {
@media (min-width: 768px) {
.software-info {
.software-info {
flex-direction: row; /* 变成横向排列 */
flex-direction: row; /* 变成横向排列 */
flex-wrap: wrap; /* 自动换行(防止过窄) */
flex-wrap: wrap; /* 自动换行(防止过窄) */
}
}


.software-info-section {
.software-info-section {
width: 25%; /* 每个分类占总宽度的 1/4 */
width: 25%; /* 每个分类占总宽度的 1/4 */
}
}
第118行: 第118行:
/* 适配移动端:纵向排列,填满整行 */
/* 适配移动端:纵向排列,填满整行 */
@media (max-width: 767px) {
@media (max-width: 767px) {
.software-info-section {
.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 var(--mw-border-color, #ccc);
border: 1px solid #ccc;
padding: 8px;
padding: 8px;
text-align: left;
text-align: left;