移动端适配方案主要包括媒体查询、REM布局、ViewPort单位、Flexbox布局和CSS框架。
- 媒体查询：使用CSS3的媒体查询功能，根据设备的屏幕宽度和高度等特性，设置不同的CSS样式，从而实现页面的适配。这种方案简单易用，但需要编写大量的CSS代码，且适配范围有限。
- REM布局：使用相对单位REM来设置元素的尺寸和位置，根据不同的设备屏幕尺寸动态调整REM的基准值，从而实现页面的适配。这种方案相对灵活，适配范围广泛，但需要计算REM基准值和编写复杂的JavaScript代码。
- Viewport单位：使用视口单位(vw、vh、vmin、vmax)来设置元素的尺寸和位置，根据设备的屏幕宽度和高度等特性，动态调整视口单位的值，从而实现页面的适配。这种方案简单易用，但需要兼容不同浏览器的视口单位计算规则。
- Flexbox布局：使用Flexbox布局来实现页面的适配，通过设置元素的Flex属性来自动调整元素的尺寸和位置，从而适应不同的移动设备。这种方案相对灵活，代码简洁易懂，但需要兼容不同浏览器的Flexbox实现情况。
- CSS框架：使用已经封装好的CSS框架，例如Bootstrap、Foundation等，可以快速实现页面的适配。但需要学习框架的使用方法和API。
总的来说，不同的移动端适配方案各有优缺点，需要根据具体的业务需求和技术能力选择适合自己的方案。