2020-7-28 13:52:42 | 作者：老铁SEO | 0个评论 | 人浏览
静态布局（StaticLayout）即传统Web设计，对于PC设计一个Layout，在屏幕宽高有调整时，使用横向和竖向的滚动条来查阅被遮掩部分；对于移动设备，单独设计一个布局，使用不同的域名如wap.或m.。自适应布局（AdaptiveLayout）自适应布局
CSS弹性布局缺点
我来给你解答分析下
具体的弹性容器属性列表:
*flex-direction:弹性容器中子元素的排列方式(主轴排列方式)
*flex-wrap:设置弹性盒子的子元素超出父容器时是否换行
*flex-flow:flex-direction和flex-wrap的简写
*align-item:设置弹性盒子元素在侧轴（纵轴）方向上的对齐方式
*align-content:修改flex-wrap属性的行为，类似align-items,但不是设置子元素对齐，而是设置行对齐(行与行的对其方式)
*justify-content:设置弹性盒子元素在主轴（横轴）方向上的对齐方式
格局自己的需要来选择布局，非常好，具体案例下面链接有
网页链接
这种布局应该用定位还是弹性布局啊哪种更好更适合
响应式布局比较好点个人建议
把多个图片在网页中平铺需要哪些弹性布局属性？
一、常见的方法
多列布局并不是只能由CSS实现，也可以使用表格同样实现能够根据浏览器窗口的大小而自由缩放的(流动)布局。以前，设计者会考虑到使用列来实现，每一列都由一系列表格单元格来构造。
图中显示了一个常用的布局结构，有一个页头横跨顶部、两列内容以及一个横跨底部的页脚。
常会看到与此类似的一种两列的布局结构
以前，我们似乎很自然地会使用表格来构建这种结构，用colspan这个特性使页头和页脚横跨于内容列的上方与下方。大致的HTML代码如下所示：
<table>
<tr>
<tdcolspan="2">header</td>
</tr>
<tr>
<td>content</td>
<td>sidebar</td>
</tr>
<tr>
<tdcolspan="2">footer</td>
</tr>
</table>
但大多数的设计者和开发者不会就此罢休。构造好了基础结构以后，会在这个结构中的每一个单元格中再嵌入表格，为布局创建边界和像素级别精度的间距。最终，为了使构造的结构和页面的样式能够更加变化灵活，会添加很多HTML代码。
为了达到流动可变性，可将表单元格的宽度设成百分比形式，这使得布局可以完全扩展而不需要考虑浏览器窗口的大小。
<tablewidth="100%">
<tr>
<tdcolspan="2">header</td>
</tr>
<tr>
<tdwidth="70%">content</td>
<tdwidth="30%">sidebar</td>
</tr>
<tr>
<tdcolspan="2">footer</td>
</tr>
</table>
整个表格被设置成100%的宽度，列可以根据任意需要的宽度进行拆分。如图所示：左边是一个宽一些的内容栏，右边是一个窄一些的侧边栏。当浏览器窗口扩展或收缩而使布局的大小发生变化时，各列宽度的比例将保持不变。
这表明了表格能够用来构造布局，同时也表明了表格能够用来构造随浏览器窗口变化的流动布局。然而，还可以采用其他更完美的办法做到这一点。