创建页面,内容为“→这里放置的CSS将应用于所有皮肤: .mdi{ font-size: 1.25em; line-height: 1; vertical-align: text-bottom; }” |
无编辑摘要 |
||
第4行: | 第4行: | ||
line-height: 1; | line-height: 1; | ||
vertical-align: text-bottom; | vertical-align: text-bottom; | ||
} | |||
/* 首页布局 */ | |||
.mainpage-layout { | |||
width: 100%; | |||
overflow: hidden; /* 清除浮动 */ | |||
} | |||
.on-left { | |||
width: 50%; | |||
float: left; | |||
box-sizing: border-box; | |||
padding: 10px; | |||
} | |||
.on-right { | |||
width: 50%; | |||
float: right; | |||
box-sizing: border-box; | |||
padding: 10px; | |||
} | |||
/* 移动端响应式:小于 768px 时上下堆叠 */ | |||
@media (max-width: 768px) { | |||
.on-left, .on-right { | |||
width: 100%; | |||
float: none; | |||
} | |||
} | } |
2025年5月28日 (三) 22:24的版本
/* 这里放置的CSS将应用于所有皮肤 */
.mdi{
font-size: 1.25em;
line-height: 1;
vertical-align: text-bottom;
}
/* 首页布局 */
.mainpage-layout {
width: 100%;
overflow: hidden; /* 清除浮动 */
}
.on-left {
width: 50%;
float: left;
box-sizing: border-box;
padding: 10px;
}
.on-right {
width: 50%;
float: right;
box-sizing: border-box;
padding: 10px;
}
/* 移动端响应式:小于 768px 时上下堆叠 */
@media (max-width: 768px) {
.on-left, .on-right {
width: 100%;
float: none;
}
}