css flex1和flex2什么区别？
在CSS中，flex属性用于控制弹性盒子（flexbox）中的子元素的伸缩性。flex属性有三个值：flex-grow、flex-shrink和flex-basis。
flex1：表示子元素的伸缩比例为1，即子元素会根据剩余空间按比例进行伸缩。如果所有子元素的flex属性都为1，则它们会平均分配剩余空间。
flex2：表示子元素的伸缩比例为2，即子元素会相对于其他子元素具有更大的伸缩能力。如果一个子元素的flex属性为2，而其他子元素的flex属性为1，则前者会相对于后者具有两倍的伸缩能力。
简而言之，flex1和flex2的区别在于它们定义了子元素在弹性盒子中的伸缩比例。flex2相对于flex1具有更大的伸缩能力。
需要注意的是，flex属性是一个缩写属性，可以通过设置不同的值来同时定义flex-grow、flex-shrink和flex-basis。例如，flex: 1 0 auto; 表示子元素的伸缩比例为1，不允许缩小，基准值为自动计算。
CSS Flex1和Flex2之间的区别如下：1. CSS Flex1和Flex2在一些方面有差异。
2. Flex1是Flexbox布局的第一个版本，而Flex2是Flexbox布局的第二个版本。
随着版本的升级，Flex2引入了一些新的功能和改进。
3. Flex1是基本的弹性盒子布局模型，它提供了一些基础的布局功能，如定位、对齐和排列元素。
而Flex2在Flex1的基础上进行了一些扩展和改进，引入了更多的属性和特性，例如新的对齐方式、更精细的布局控制以及更好的浏览器兼容性等。
此外，Flex2也修复了一些Flex1存在的问题和bug，提供了更好的布局体验。
综上所述，CSS Flex1和Flex2在功能和特性上存在一些区别，Flex2相对于Flex1具有更多的功能和改进。
简述五种布局的特点和运用场合？
5种布局方式
一、静态布局（static layout）
即传统Web设计，网页上的所有元素的尺寸一律使用px作为单位。
1、布局特点
不管浏览器尺寸具体是多少，网页布局始终按照最初写代码时的布局来显示。常规的pc的网站都是静态（定宽度）布局的，也就是设置了min-width，这样的话，如果小于这个宽度就会出现滚动条，如果大于这个宽度则内容居中外加背景，这种设计常见于pc端。
2、设计方法
PC：居中布局，所有样式使用绝对宽度/高度(px)，设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；
移动设备：另外建立移动网站，单独设计一个布局，使用不同的域名如wap.或m.。
优点：这种布局方式对设计师和CSS编写者来说都是最简单的，亦没有兼容性问题。
缺点：显而易见，即不能根据用户的屏幕尺寸做出不同的表现。当前，大部分门户网站、大部分企业的PC宣传站点都采用了这种布局方式。固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。
二、流式布局（Liquid Layout）
流式布局（Liquid）的特点（也叫"Fluid")是页面元素的宽度按照屏幕分辨率进行适配调整，但整体布局不变。代表作栅栏系统（网格系统）。
网页中主要的划分区域的尺寸使用百分数（搭配min-*、max-*属性使用），例如，设置网页主体的宽度为80%，min-width为960px。图片也作类似处理（width:100%, max-width一般设定为图片本身的尺寸，防止被拉伸而失真）。