* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.main {
width: 100%;
padding: .72rem;
}
.item {
width: 100%;
height: 2.533333rem;
/* background: skyblue; */
display: grid;
grid-template-columns: .413333rem auto .866667rem;
align-items: center;
border-bottom: .026667rem solid rgba(235, 235,235 ,1 );
}
.item img {
width: 100%;
}
.item .right {
font-style: .36rem;
text-align: center;
font-weight: 400;
color: rgba(123, 122,124 ,1 );
}
.middleBottom {
font-style: .48rem;
font-weight: 400;
line-height: .533333rem;
color: rgba(123, 122,124 ,1 );
}
.middleTop {
font-style: .60rem;
font-weight: 800;
line-height: .693333rem;
color: rgba(123, 122,124 ,1 );
}
.middle
grid布局移动端
最新推荐文章于 2024-02-02 10:45:00 发布
本文深入探讨了CSS Grid布局在移动端设计中的应用,详细解释了如何利用Grid实现响应式布局,通过实例展示了Grid的灵活性和强大之处,帮助开发者更好地理解和掌握这一现代布局技术。
摘要由CSDN通过智能技术生成