.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 { color: #fff; 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; }