MediaWiki:Common.css

/* 这里放置的CSS将应用于所有皮肤 */
.image-container {
    display: flex;
    flex-wrap: wrap;
    gap: 10px; /* 图片之间的间距 */
    justify-content: space-around; /* 图片均匀分布 */
}

.image-container img {
    width: 200px; /* 强制规定图片宽度 */
    height: auto; /* 保持纵横比 */
    object-fit: contain; /* 保持图片的纵横比 */
    box-sizing: border-box; /* 包括内边距和边框在内计算宽度 */
}

/* 当屏幕宽度小于1200px时，调整图片宽度 */
@media (max-width: 1200px) {
    .image-container img {
        width: 150px;
    }
}

/* 当屏幕宽度小于768px时，调整图片宽度 */
@media (max-width: 768px) {
    .image-container img {
        width: 100px;
    }
}