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; } }