liqian
5740437cf5
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 5s
46 lines
860 B
CSS
46 lines
860 B
CSS
.rgb {
|
||
position: relative;
|
||
width: 100%;
|
||
aspect-ratio: 2560/1440; /* 2560/1440=16/9，核心比例约束 */
|
||
/* background: url('../img/rgb.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% auto; */
|
||
min-width: 1280px;
|
||
margin-top: 2.7rem;
|
||
}
|
||
.rgb-text {
|
||
position: absolute;
|
||
top: -50px;
|
||
width: 100%;
|
||
display: flex;
|
||
flex-direction: column;
|
||
justify-content: center;
|
||
}
|
||
.rgb-t {
|
||
width: 100%;
|
||
font-size: 0.63rem;
|
||
color: #cbcfd8;
|
||
text-align: center;
|
||
}
|
||
.rgb-p {
|
||
font-size: clamp(16px, 1vw, 0.22rem);
|
||
color: #cbcfd8;
|
||
text-align: center;
|
||
padding-top: 0.73rem;
|
||
line-height: 2.5;
|
||
}
|
||
.rgb-img {
|
||
width: 100%;
|
||
min-width: 1280px;
|
||
position: absolute;
|
||
bottom: -80px;
|
||
display: flex;
|
||
justify-content: center;
|
||
gap: 0.2rem;
|
||
}
|
||
.rgb-img img {
|
||
max-width: 4.66rem;
|
||
max-height: 2.6rem;
|
||
display: block;
|
||
}
|