流式布局是一种等比例缩放布局方式，在 CSS 代码中使用百分比来设置宽度，所以也称百分比自适应布局·流式布局实现方法是，将 CSS 固定像素宽度换算为百分比宽度，其换算公式如下。
可伸缩框属性(Flexible Box）是 CSS3 新添加的盒子模型属，弹性盒子模型， 实现垂直等高、水平均分、按比例划分等分布方式以及如何处理可用的空间。使该模型，可以很轻松的创建自适应浏览器窗口的流动布局或自适应字体大小的弹性布局。
关键技术是 CSS3 中的媒体查询，可以在不同分辨率下对元素重新设置样式（不只是尺寸），在不同屏幕下可以显示不同版式