liqian
d9000fbe1c
All checks were successful
Gitea Actions Official-website / deploy-dev (push) Successful in 3s
90 lines
1.9 KiB
CSS
90 lines
1.9 KiB
CSS
.ips {
|
||
position: relative;
|
||
width: 100%;
|
||
aspect-ratio: 2560/1657; /* 2560/1440=16/9，核心比例约束 */
|
||
/* background: url('../img/ips1.png');
|
||
background-repeat: no-repeat;
|
||
background-size: 100% auto; 宽度铺满，高度自动 */
|
||
min-width: 1280px;
|
||
margin-top: 2.69rem;
|
||
}
|
||
.ips-text {
|
||
color: #cbcfd8;
|
||
/* width: 1440px; */
|
||
min-width: 1280px;
|
||
/* max-width: 1440px; */
|
||
/* margin-left: 6rem; */
|
||
width: 100%;
|
||
}
|
||
.ips-t {
|
||
font-size: 0.63rem;
|
||
padding-top:3.9rem;
|
||
padding-left: 5.63rem;
|
||
}
|
||
.ips-p {
|
||
font-size: clamp(16px, 1vw, 0.22rem);
|
||
padding-top: 0.86rem;
|
||
padding-left: 5.63rem;
|
||
line-height: 1.8;
|
||
color:#cbcfd8;
|
||
font-family: "HarmonyOS-Light";
|
||
}
|
||
|
||
.ips-img {
|
||
display: flex;
|
||
flex-wrap: wrap; /* 允许换行 */
|
||
justify-content: space-between; /* 左对齐，也可设为center（居中） */
|
||
margin-left: 5.63rem;
|
||
width: 6.9rem;
|
||
padding-top: 2rem;
|
||
}
|
||
|
||
.ips-img img {
|
||
max-width: 2.2rem;
|
||
}
|
||
.ips-img img:nth-child(2) {
|
||
margin-left: 2.5rem;
|
||
}
|
||
.ips-img img:nth-child(4) {
|
||
margin-left: 2.5rem;
|
||
margin-top: 1.22rem;
|
||
}
|
||
.ips-img img:nth-child(3) {
|
||
margin-top: 1.22rem;
|
||
}
|
||
|
||
.ips-img1 {
|
||
display: flex;
|
||
flex-wrap: wrap; /* 允许换行 */
|
||
justify-content: space-between; /* 左对齐，也可设为center（居中） */
|
||
margin-left: 5.63rem;
|
||
width: 7.35rem;
|
||
padding-top: 2.03rem;
|
||
}
|
||
|
||
|
||
.ips-img1 img:nth-child(1) {
|
||
width: 100%;
|
||
max-width: 2.76rem;
|
||
/* aspect-ratio: 276/168; */
|
||
}
|
||
.ips-img1 img:nth-child(2) {
|
||
width: 100%;
|
||
max-width: 3.35rem;
|
||
max-height:1.3rem ;
|
||
/* aspect-ratio: 335/130; */
|
||
}
|
||
.ips-img1 img:nth-child(3) {
|
||
width: 100%;
|
||
max-width: 2.67rem;
|
||
max-height: 1.18rem;
|
||
/* aspect-ratio: 267/118; */
|
||
margin-top: 1.36rem;
|
||
}
|
||
.ips-img1 img:nth-child(4) {
|
||
width: 100%;
|
||
max-width: 3.39rem;
|
||
/* aspect-ratio: 339/122; */
|
||
margin-top: 1.36rem;
|
||
max-height: 1.22rem;
|
||
} |