liqian
48e3d7f846
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
77 lines
1.5 KiB
CSS
77 lines
1.5 KiB
CSS
.fs {
|
||
min-width: 1280px;
|
||
}
|
||
.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;
|
||
/* width: 100%;
|
||
position: absolute;
|
||
bottom: -60px; */
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
/* justify-content: center;
|
||
gap: 0.2rem; */
|
||
min-width: 1280px;
|
||
}
|
||
|
||
.fs-h-img {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 0.2rem;
|
||
/* margin-top: 0.2rem; */
|
||
min-width: 1280px;
|
||
}
|
||
.fs-h-img img {
|
||
max-width: 7.1rem;
|
||
}
|
||
.fs-b-img {
|
||
width: 100%;
|
||
display: flex;
|
||
justify-content: center;
|
||
margin-top: 0.2rem;
|
||
min-width: 1280px;
|
||
}
|
||
.fs-b-img img {
|
||
width: 100%;
|
||
max-width: 14.4rem;
|
||
}
|
||
.fs-ts {
|
||
font-size: clamp(16px, 1vw, 0.22rem);
|
||
text-align: center;
|
||
color:#cbcfd8;
|
||
padding:0.4rem 0;
|
||
}.dl {
|
||
width: 100%;
|
||
padding-top: 0.71rem;
|
||
}
|
||
.dl-t {
|
||
color: #fff;
|
||
font-size: 0.63rem;
|
||
width: 100%;
|
||
text-align: center;
|
||
}
|
||
.dl-p {
|
||
color: #cbcfd8;
|
||
font-size: clamp(16px, 1vw, 0.22rem);
|
||
width: 100%;
|
||
text-align: center;
|
||
padding-top: 0.43rem;
|
||
/* padding-bottom: 0.37rem; */
|
||
line-height: 1.8;
|
||
font-family: "HarmonyOS-Light";
|
||
}
|