移动端百分比进行适配

移动端适配的方式——百分比布局

很多时候我们都是宽度进行百分比设置，高度能不能设置呢？
高度设置百分比的条件：

1. 所有父级元素必须有高度；
2. 必须是块级元素，行内元素不起作用；
3. ie9 以下 使用 position:ralative 的块级 元素使用 高度百分比是无效的。

响应式布局
简而言之，就是页面元素的位置随着屏幕尺寸的变化而变化，通常会用百分比来定位，而在设计上需要预留一些可被“压缩”的空间
（如果高度不能设置百分比的时候 可以把已经设置的margin，padding 设置成百分比的形式，预留出呗被压缩的空间） —— 相对比较适用于内容需要一屏展示。