更多操作
小无编辑摘要 |
小无编辑摘要 |
||
第26行: | 第26行: | ||
} | } | ||
@media (max-width: | @media (max-width: 509px) { | ||
.citizen-section { | .citizen-section { | ||
display: flex; | display: flex; | ||
第43行: | 第43行: | ||
width: 100%; | width: 100%; | ||
margin-top: 20px; | margin-top: 20px; | ||
order: 2; | order: 2; | ||
} | } | ||
} | } |
2025年4月10日 (四) 13:26的版本
/* 首页背景缩放 */
#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: 509px) {
.citizen-section {
display: flex;
flex-direction: column;
align-items: center;
}
.infobox {
float: none;
margin-left: 0;
margin-bottom: 20px;
order: 1;
}
.citizen-section > p {
width: 100%;
margin-top: 20px;
order: 2;
}
}