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

MediaWiki:Common.css:修订间差异

MediaWiki界面页面
无编辑摘要
无编辑摘要
第1行: 第1行:
/* 默认(电脑端):保持两列并排,类似原表格效果 */
/* 电脑端样式 */
.mobile-stack-layout {
.responsive-two-columns .left-col {
    display: table;
    width: 100%;
    border: none;
}
 
.mobile-stack-layout .left-col {
    display: table-cell;
     width: 320px;
     width: 320px;
     vertical-align: top;
     vertical-align: top;
}
}
 
.responsive-two-columns .right-col {
.mobile-stack-layout .right-col {
    display: table-cell;
     vertical-align: top;
     vertical-align: top;
     padding-left: 20px;
     padding-left: 20px;
}
}


/* 手机端(屏幕宽度 ≤ 768px):自动换行堆叠 */
/* 手机端样式 */
@media screen and (max-width: 768px) {
@media screen and (max-width: 768px) {
     .mobile-stack-layout,
     .responsive-two-columns,
     .mobile-stack-layout .left-col,
     .responsive-two-columns tbody,
     .mobile-stack-layout .right-col {
    .responsive-two-columns tr,
     .responsive-two-columns td {
         display: block;
         display: block;
         width: 100%;
         width: 100%;
     }
     }
      
      
     .mobile-stack-layout .right-col {
     .responsive-two-columns .right-col {
         padding-left: 0;
         padding-left: 0;
         margin-top: 20px;
         margin-top: 20px;
     }
     }
      
      
    /* 图片自适应 */
     .responsive-two-columns img {
     .mobile-stack-layout img {
         max-width: 100%;
         max-width: 100%;
         height: auto;
         height: auto;
     }
     }
}
}

2026年4月21日 (二) 09:26的版本

/* 电脑端样式 */
.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;
    }
}