一.使用flex弹性造一个APP首页轮子这是内科大企业课(全栈开发_web前端的课程)，需求如下：使用Flex弹性布局，仿写下面的页面：二.需求分析和完成步骤先分析这个页面，我们可以先写一个大的盒子，作为整个页面：设置其为弹性布局，排列顺序为从上到下#content{ display:flex; flex-direction:column;}将下面这部分作为一块，使用一个盒子。然后将下面的图片，放到最上方，写一个div盒子：css为：#top{ width:100%; height:310px; background-color:#3476ed; border-bottom-left-radi
一.使用flex弹性造一个APP首页轮子这是内科大企业课(全栈开发_web前端的课程)，需求如下：使用Flex弹性布局，仿写下面的页面：二.需求分析和完成步骤先分析这个页面，我们可以先写一个大的盒子，作为整个页面：设置其为弹性布局，排列顺序为从上到下#content{ display:flex; flex-direction:column;}将下面这部分作为一块，使用一个盒子。然后将下面的图片，放到最上方，写一个div盒子：css为：#top{ width:100%; height:310px; background-color:#3476ed; border-bottom-left-radi
一.Flex布局1.1传统布局和flex布局1.1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.1.2flex弹性布局操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差E11或更低版本，不支持或仅部分支持建议：1．如果是PC端页面布局，我们还是传统布局。2．如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.2flex初步体验先写一段简单的flax弹性布局案例来看一下flax~html代码：123CSS代码：div{display:flex;width:80%;height:300px;background-color:pink;ju
一.Flex布局1.1传统布局和flex布局1.1.1传统布局兼容性好布局繁琐局限性，不能再移动端很好的布局1.1.2flex弹性布局操作方便，布局极为简单，移动端应用很广泛PC端浏览器支持情况较差E11或更低版本，不支持或仅部分支持建议：1．如果是PC端页面布局，我们还是传统布局。2．如果是移动端或者不考虑兼容性问题的PC端页面布局，我们还是使用flex弹性布局1.2flex初步体验先写一段简单的flax弹性布局案例来看一下flax~html代码：123CSS代码：div{display:flex;width:80%;height:300px;background-color:pink;ju
