MediaWiki:Common.css:修订间差异
MediaWiki界面页面
更多操作
无编辑摘要 |
无编辑摘要 |
||
| 第19行: | 第19行: | ||
.CategoryTreeTag { | .CategoryTreeTag { | ||
display: grid; | display: grid; | ||
gap: 1em; | |||
gap: 1em; | |||
grid-template-columns: repeat(4, 1fr); | grid-template-columns: repeat(4, 1fr); | ||
} | } | ||
| 第30行: | 第26行: | ||
@media (max-width: 1200px) { | @media (max-width: 1200px) { | ||
.CategoryTreeTag { | .CategoryTreeTag { | ||
grid-template-columns: repeat(3, 1fr); | grid-template-columns: repeat(3, 1fr); /* 屏幕变窄,改为3列 */ | ||
} | } | ||
} | } | ||
| 第37行: | 第32行: | ||
@media (max-width: 768px) { | @media (max-width: 768px) { | ||
.CategoryTreeTag { | .CategoryTreeTag { | ||
grid-template-columns: repeat(2, 1fr); | grid-template-columns: repeat(2, 1fr); /* 屏幕更窄,改为2列 */ | ||
} | } | ||
} | } | ||
| 第44行: | 第38行: | ||
@media (max-width: 480px) { | @media (max-width: 480px) { | ||
.CategoryTreeTag { | .CategoryTreeTag { | ||
grid-template-columns: 1fr; | grid-template-columns: 1fr; /* 手机屏幕,改为1列 */ | ||
} | } | ||
} | } | ||
2025年8月11日 (一) 15:02的版本
/* 这里放置的CSS将应用于所有皮肤 */
/* 隐藏分类页面的子页面 */
.mw-category-generated { display: none; }
.overworld-coordinate {
color: darkgreen;
}
.nether-coordinate {
color: crimson;
}
.end-coordinate {
color: purple;
}
/* CategoryTreeTag */
.CategoryTreeTag {
display: grid;
gap: 1em;
grid-template-columns: repeat(4, 1fr);
}
/* 针对不同屏幕宽度的响应式布局 */
@media (max-width: 1200px) {
.CategoryTreeTag {
grid-template-columns: repeat(3, 1fr); /* 屏幕变窄,改为3列 */
}
}
@media (max-width: 768px) {
.CategoryTreeTag {
grid-template-columns: repeat(2, 1fr); /* 屏幕更窄,改为2列 */
}
}
@media (max-width: 480px) {
.CategoryTreeTag {
grid-template-columns: 1fr; /* 手机屏幕,改为1列 */
}
}