MediaWiki:Common.css:修订间差异

来自istudylinux
(创建页面,内容为“→‎这里放置的CSS将应用于所有皮肤:​ →‎响应式布局:​ @media (min-width:0px) and (max-width:768px){ .vcard{ width:100%; max-width:768; border-radius:10px; margin:5px auto; float:none; } } @media (min-width:768px) and (max-width:992px){ .vcard{ width:100%; max-width:992; border-radius:10px; margin:5px auto; float:none; } } @media (min-width:992px) {…”
 
无编辑摘要
 
第5行: 第5行:
         width:100%;
         width:100%;
         max-width:768;
         max-width:768;
        border: 1px solid #000;
         border-radius:10px;
         border-radius:10px;
         margin:5px auto;
         margin:5px auto;
第14行: 第15行:
         width:100%;
         width:100%;
         max-width:992;
         max-width:992;
        border: 1px solid #000;
         border-radius:10px;
         border-radius:10px;
         margin:5px auto;
         margin:5px auto;
第24行: 第26行:
         min-width:293px;
         min-width:293px;
         float:right;
         float:right;
        border: 1px solid #000;
         border-radius:10px;
         border-radius:10px;
         margin:1px auto;
         margin:1px auto;

2022年11月8日 (二) 23:41的最新版本

/* 这里放置的CSS将应用于所有皮肤 */
/* 响应式布局 */
@media (min-width:0px) and (max-width:768px){
    .vcard{
        width:100%;
        max-width:768;
        border: 1px solid #000;
        border-radius:10px;
        margin:5px auto;
        float:none;
    }
}
@media (min-width:768px) and (max-width:992px){
    .vcard{
        width:100%;
        max-width:992;
        border: 1px solid #000;
        border-radius:10px;
        margin:5px auto;
        float:none;
    }
}
@media (min-width:992px) {
    .vcard{
        width:293px;
        min-width:293px;
        float:right;
        border: 1px solid #000;
        border-radius:10px;
        margin:1px auto;
        margin-left:1em;
        margin-right:1em;
    }
}