HTML5响应式布局基础（一）

移动端开发的布局方式——流式布局

流式布局这个概念第一次接触会觉得这个概念很高端，但是进行深入了解之后就会发现其实很简单，有HTML桌面端网页开发经验基础的人来说，实际上流式布局就是把桌面端一些写死的布局改成了百分比，用于适应各种移动端的尺寸。

流式布局通俗来讲也可以称为百分比布局，通常包含了以下几点:

• 宽度百分比

• 定位百分比

• 用em, 以及rem进行替换px

• 弹性图片 设置这些百分比的参照物是根据手机的屏幕尺寸进行适配的，通过尺寸适配达到一定的效果。

为什么需要用到流式布局进行适配移动端？

固定像素尺寸的网页是匹配固定像素尺寸显示器的最简单办法。但这种方法不是一种完全兼容未来网页的制作方法，我们需要一些适应未知设备的方法。固定像素尺寸（960/980）经不起未来考验。