几个简单例子学会 grid 布局
目前来说最常见的布局是flex布局,但是实际上flex只能横向或者纵向布局。但对于实际的用于需求当中,使用最多的是二维上的排版,无论是纵向还是横向都有很多需求。这里尽量用简单的例子来说明复杂的需求。 响应式布局先演示一个常见的混合布局,进行这个布局,如果使用flex,会首先上下,再左右布局。加入左侧的导航栏需要在某个宽度范围内进行大小适配,那么难度还是比较大的。
目前来说最常见的布局是flex布局,但是实际上flex只能横向或者纵向布局。但对于实际的用于需求当中,使用最多的是二维上的排版,无论是纵向还是横向都有很多需求。这里尽量用简单的例子来说明复杂的需求。 响应式布局先演示一个常见的混合布局,进行这个布局,如果使用flex,会首先上下,再左右布局。加入左侧的导航栏需要在某个宽度范围内进行大小适配,那么难度还是比较大的。