MediaWiki:Common.css:修订间差异
来自istudylinux
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) {…”) |
Istudylinux(讨论 | 贡献) 无编辑摘要 |
||
第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;
}
}