请说一下移动端常见的适配不同屏幕大小的方法。

A、响应式布局：就是页面元素的位置随着屏幕尺寸的变换而变化，通常使用百分比来定位，而在设计上要预留一些可被“压缩”的空间

1）rem缩放 2）使用功能百分比+媒体查询 3）使用flexbox解决方案

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

C、Contain布局：根background-size的contain属性一样，保持页面的宽高比，取宽或者高中的较大者占满屏幕，不足的部分用背景填充。设计上需要背景为单色或者可平铺的背景。