移动端如何布局适配

1.移动端布局自适应不同屏幕的几种方式。

（1）.响应式布局

（2）.100%布局（弹性布局）

（3）.等比例缩放（rem）

2.移动端常见的适配不同屏幕大小的方法。

响应式布局：

简而言之，就是页面元素的位置随着屏幕尺寸的变化而变化，通常会用百分比来定位，而在设计上需要预留一些可被“压缩”的空间。

Cover布局：

就跟background-size的cover属性一样，保持页面的宽高比，取宽或取高之中的较小者占满屏幕，超出的内容会被隐藏。此布局适用于主要内容集中在中部，边沿无重要内容的设计。

Contain布局：

同样，也跟background-size的contain属性那样，保持页面的宽高比，取宽或取高之中的较大者占满屏幕，不足的部分用背景去填充，个人比较推荐用这种方式，但在设计上需要背景为单色，或者是可平铺的背景。

iScroll安卓低版本卡顿，如何解决。

（1）.iScroll v5.1.3设置 momentum:true

（2）.配置probeType

（3）.开启硬价加速：给scroll增加css样式：-webkit- tiansform:translate3d(0,0,0);

（4）.判断手机版系统，应用原生css：overflow：scroll-y