jsasg
b1b59a96f2
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
70 lines
1.2 KiB
CSS
70 lines
1.2 KiB
CSS
.fs {
|
||
width: 100%;
|
||
}
|
||
.fs-box {
|
||
width: 100%;
|
||
aspect-ratio: 16/9; /* 2560/1440=16/9，核心比例约束 */
|
||
position: relative;
|
||
will-change: contents; /* 告诉浏览器该元素即将变化，提前优化 */
|
||
contain: layout paint; /* 限制重排重绘范围 */
|
||
}
|
||
.fs-img,
|
||
.fs-video {
|
||
backface-visibility: hidden; /* 开启硬件加速 */
|
||
transform: translateZ(0); /* 硬件加速 */
|
||
}
|
||
.fs-box img {
|
||
width: 100%;
|
||
}
|
||
.fs-box-img {
|
||
display: flex;
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
.fs-h-img {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 0.11rem;
|
||
}
|
||
.fs-h-img img {
|
||
width: 3.35rem;
|
||
}
|
||
.fs-b-img {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-top: 0.1rem;
|
||
}
|
||
.fs-b-img img {
|
||
width: 6.81rem;
|
||
}
|
||
.fs-ts {
|
||
font-size: 0.18rem;
|
||
text-align: center;
|
||
color: #cbcfd8;
|
||
padding: 0.4rem 0;
|
||
}
|
||
.dl {
|
||
width: 100%;
|
||
padding-top: 1.01rem;
|
||
}
|
||
.dl-t {
|
||
color: #fff;
|
||
font-size: 0.36rem;
|
||
width: 100%;
|
||
text-align: center;
|
||
line-height: 1.5;
|
||
}
|
||
.dl-p {
|
||
color: #cbcfd8;
|
||
font-size: 0.18rem;
|
||
width: 100%;
|
||
text-align: center;
|
||
padding-top: 0.37rem;
|
||
/* padding-bottom: 0.37rem; */
|
||
line-height: 1.5;
|
||
font-family: 'HarmonyOS-Light';
|
||
}
|