This commit is contained in:
58
public/static/index/pc/css/topic_laptop/ips.css
Normal file
58
public/static/index/pc/css/topic_laptop/ips.css
Normal file
@@ -0,0 +1,58 @@
|
||||
.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.7rem;
|
||||
}
|
||||
.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.19rem;
|
||||
padding-left: 6rem;
|
||||
}
|
||||
.ips-p {
|
||||
font-size: clamp(16px, 1vw, 0.22rem);
|
||||
padding-top: 0.86rem;
|
||||
padding-left: 6rem;
|
||||
}
|
||||
|
||||
.ips-img {
|
||||
display: flex;
|
||||
flex-wrap: wrap; /* 允许换行 */
|
||||
justify-content: space-between; /* 左对齐,也可设为center(居中) */
|
||||
margin-left: 6rem;
|
||||
width: 6.8rem;
|
||||
gap: 2.5rem;
|
||||
padding-top: 2.6rem;
|
||||
}
|
||||
|
||||
.ips-img img {
|
||||
max-width: 2.15rem;
|
||||
max-height: 1.82rem;
|
||||
}
|
||||
|
||||
/* .ips-img {
|
||||
width: 100%;
|
||||
display: flex;
|
||||
padding-left: 7rem;
|
||||
padding-top: 1.35rem;
|
||||
}
|
||||
.ips-img img {
|
||||
width: 100%;
|
||||
max-width: 2.15rem;
|
||||
max-height: 1.82rem;
|
||||
}
|
||||
.ips-img img:nth-child(2) {
|
||||
padding-left: 2rem;
|
||||
} */
|
||||
Reference in New Issue
Block a user