MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
小无编辑摘要 |
无编辑摘要 |
||
| 第1行: | 第1行: | ||
@media screen and (max-width: | /* 默认(电脑端):保持两列并排,类似原表格效果 */ | ||
.mobile-stack-layout { | |||
display: table; | |||
width: 100%; | |||
border: none; | |||
} | |||
.mobile-stack-layout .left-col { | |||
display: table-cell; | |||
width: 320px; | |||
vertical-align: top; | |||
} | |||
.mobile-stack-layout .right-col { | |||
display: table-cell; | |||
vertical-align: top; | |||
padding-left: 20px; | |||
} | |||
/* 手机端(屏幕宽度 ≤ 768px):自动换行堆叠 */ | |||
@media screen and (max-width: 768px) { | |||
.mobile-stack-layout, | |||
.mobile-stack-layout .left-col, | |||
.mobile-stack-layout .right-col { | |||
display: block; | |||
width: 100%; | |||
} | |||
.mobile-stack-layout .right-col { | |||
padding-left: 0; | |||
margin-top: 20px; | |||
} | |||
/* 图片自适应 */ | |||
.mobile-stack-layout img { | |||
max-width: 100%; | |||
height: auto; | |||
} | |||
} | } | ||
2026年4月21日 (二) 09:21的版本
/* 默认(电脑端):保持两列并排,类似原表格效果 */
.mobile-stack-layout {
display: table;
width: 100%;
border: none;
}
.mobile-stack-layout .left-col {
display: table-cell;
width: 320px;
vertical-align: top;
}
.mobile-stack-layout .right-col {
display: table-cell;
vertical-align: top;
padding-left: 20px;
}
/* 手机端(屏幕宽度 ≤ 768px):自动换行堆叠 */
@media screen and (max-width: 768px) {
.mobile-stack-layout,
.mobile-stack-layout .left-col,
.mobile-stack-layout .right-col {
display: block;
width: 100%;
}
.mobile-stack-layout .right-col {
padding-left: 0;
margin-top: 20px;
}
/* 图片自适应 */
.mobile-stack-layout img {
max-width: 100%;
height: auto;
}
}