关于移动端适配，你必须要知道的！！！

今天带大家来了解一下移动端适配是怎么一回事，下面请看文章：

移动端web页面的开发，由于手机屏幕尺寸、分辨率不同，或者需要考虑横竖屏问题，为了使得web页面在不同移动设备上具有相适应的展示效果，需要在开发过程中使用合理的适配方案来解决这个问题。

一.适配方案:

1.百分比方案

原理：

使用 百分比% 定义 宽度，高度 用px固定，根据可视区域实时尺寸进行调整，尽可能适应各种分辨率，通常使用max-width/min-width控制尺寸范围过大或者过小。下表是子元素不同属性设置百分比的依据：

属性	设置参考
height/width	基于子元素的直接父元素，width相对于父元素的width，height相对于父元素的height
top/bottom 和left/right	相对于直接非static定位的父元素的height/width
padding/margin	不论是垂直方向或者是水平方向，都相对于直接父亲元素的width，与父元素的height无关。
border-radius	相对于自身的宽度

优势:

原理简单ÿ