在移动端，由于不同的设备具有不同的屏幕尺寸和像素密度，为了保证页面的适配性，通常使用rem和vw适配方案。

rem适配方案

rem是相对于根元素（即html元素）字体大小的单位。通过设置根元素的字体大小，可以实现页面中其他元素的适配。

使用rem适配方案的步骤如下：

1）在html元素中设置字体大小，一般为基准字体大小16px；

2）将设计稿中的像素值转换为rem值，并设置给相应的元素。

例如，设计稿中一个按钮的宽度为100px，可以通过下面的计算方式得到对应的rem值：

100px / 16 = 6.25rem

然后将该值设置给按钮的宽度即可。

vw适配方案

vw是相对于视口宽度的单位，1vw等于视口宽度的1%。通过设置元素的宽度、高度、边距等属性为vw单位，可以实现页面中元素的适配。

使用vw适配方案的步骤如下：

1）计算出设计稿中元素的宽度所占视口宽度的比例；

2）将比例转换为vw值，并设置给相应的元素。

例如，设计稿中一个按钮的宽度为100px，视口宽度为375px，可以通过下面的计算方式得到对应的vw值：

100px / 375px * 100% = 26.67vw

然后将该值设置给按钮的宽度即可。

需要注意的是，vw适配方案不适用于某些元素的高度计算，例如表格的行高。此外，vw适配方案在iOS8及以下版本的系统上可能会出现一些兼容性问题，需要进行兼容性处理。