打开/关闭菜单
40
311
27
1024
植物大战僵尸杂交版Wiki
打开/关闭外观设置菜单
打开/关闭个人菜单
未登录
未登录用户的IP地址会在进行任意编辑后公开展示。
本Wiki为杂交版民间Wiki,不对杂交版官方产生影响
Wiki制作组招募群号:633922116

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
无编辑摘要
标签已被回退
无编辑摘要
标签手工回退
第1行: 第1行:
/* 电脑端样式 */
/* 电脑端样式 */
.flex-gallery {
.responsive-two-columns .left-col {
     display: flex;
     width: 320px;
     flex-wrap: wrap;
     vertical-align: top;
    justify-content: center;  /* 居中显示 */
    gap: 20px;
    align-items: flex-start;
}
}
 
.responsive-two-columns .right-col {
/* 所有卡片通用样式 */
     vertical-align: top;
.gallery-card,
     padding-left: 20px;
.gallery-card-small {
     position: relative;
    width: 350px; /* 固定宽度350px,电脑上图片不会太小 */
     text-align: center;
}
}


/* 手机上自适应 */
/* 手机端样式 */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     .gallery-card,
     .responsive-two-columns,
     .gallery-card-small {
    .responsive-two-columns tbody,
         width: calc(50% - 10px); /* 手机上一行两个 */
     .responsive-two-columns tr,
    .responsive-two-columns td {
        display: block;
         width: 100%;
    }
   
    .responsive-two-columns .right-col {
        padding-left: 0;
        margin-top: 20px;
     }
     }
}
      
 
     .responsive-two-columns img {
@media screen and (max-width: 500px) {
         max-width: 100%;
     .gallery-card,
        height: auto;
     .gallery-card-small {
         width: 100%; /* 小手机一行一个 */
     }
     }
}
}

2026年4月25日 (六) 01:45的版本

/* 电脑端样式 */
.responsive-two-columns .left-col {
    width: 320px;
    vertical-align: top;
}
.responsive-two-columns .right-col {
    vertical-align: top;
    padding-left: 20px;
}

/* 手机端样式 */
@media screen and (max-width: 768px) {
    .responsive-two-columns,
    .responsive-two-columns tbody,
    .responsive-two-columns tr,
    .responsive-two-columns td {
        display: block;
        width: 100%;
    }
    
    .responsive-two-columns .right-col {
        padding-left: 0;
        margin-top: 20px;
    }
    
    .responsive-two-columns img {
        max-width: 100%;
        height: auto;
    }
}