更多操作
小无编辑摘要 |
小无编辑摘要 |
||
第26行: | 第26行: | ||
} | } | ||
@media (max-width: 510px) { | @media (max-width: 510px) { | ||
.infobox { | .infobox { | ||
float: none; | float: none; | ||
第40行: | 第34行: | ||
} | } | ||
.citizen-section { | |||
display: flex; | |||
flex-direction: column; | |||
} | |||
.citizen-section > p { | .citizen-section > p { | ||
width: 100%; | width: 100%; |
2025年4月10日 (四) 19:10的版本
/* 首页背景缩放 */
#home-nav .home-card {
overflow: hidden;
position: relative;
}
#home-nav .home-card__background img {
width: 100%;
height: 100%;
object-fit: cover;
transition: transform 0.3s ease;
transform-origin: center;
will-change: transform;
backface-visibility: hidden;
}
#home-nav .home-card:hover .home-card__background img {
transform: scale(1.07);
}
/* 曲目信息infobox的修复 */
.infobox{
padding-left: 13px;
}
@media (max-width: 510px) {
.infobox {
float: none;
margin-left: 0;
margin-bottom: 20px;
order: 1;
}
.citizen-section {
display: flex;
flex-direction: column;
}
.citizen-section > p {
width: 100%;
margin-top: 20px;
order: 2;
}
}