PC端和移动端自适应,自动换行
@media screen and (max-width: 850px) { /*以下代码在屏幕小于850的情况下执行*/
.dsad{ /*父类*/
display: flex; /*flex布局*/
flex-wrap: wrap; /*是否支持子类换行*/
}
.asdf{ /*子类*/
width: 100%;
order:1; /*子类布局的先后顺序,数字越小,子类就在最前面*/
flex-grow: 1; /*1表示独占一行,后面的都换行*/
}
.das{
width: 100%;
order:0;
flex-grow: 4;
}
} 
相关文章
阅读推荐
精选导读

关注我们