qq_42983641的博客

/* 超小屏幕手机 小于768 布局宽度为100% */ @media screen and (max-width:767px){ .container{ width: 100%; } } /* 小屏幕 大于等于768 布局改为750px */ @media screen and (min-width:768px) { .container{ width: 750px; } } /* 中等屏幕 992px以上 布局修改为 970px */ @media screen

flex-direction:设置主轴方向 ; justify-content: 设置子元素排列方式; flex-wrap:设置子元素是否换行 ; flex会让子元素在一行显示，默认不换行，装不了会缩小子元素 align-content设置侧轴上的子元素的排列方式（多行） ; align-items: 设置侧轴上的子元素排列方式（单行）; flex-flow: 复合属性，相当于同时设置了flex-direction、flex-wrap; ...