CSS媒体查询 @media

　　PC端和移动端自适应，自动换行

　　

@media screen and (max- 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;
            }
        }