liqian
ded748ca87
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
57 lines
1.1 KiB
CSS
57 lines
1.1 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;
|
||
} |