谈谈你是如何做移动端适配的？

1. 使用响应式设计：使用CSS的响应式设计技术，通过媒体查询（Media Queries）和CSS布局来适应不同屏幕尺寸和设备类型。可以根据屏幕宽度设置不同的样式，以适应移动设备和桌面设备。

2. 使用相对单位：使用相对单位（如百分比、em、rem）来定义元素的尺寸和间距，以确保页面在不同屏幕上具有一致的比例和布局。

3. Flexbox布局：使用 Flexbox 布局来创建灵活的盒子模型，可以轻松实现水平和垂直居中、自适应布局和弹性缩放，适应不同屏幕尺寸。

4. 使用Viewport：通过设置Viewport元标签的属性，可以控制页面在移动设备上的缩放和布局行为。使用<meta name="viewport" content="width=device-width, initial-scale=1.0">来设置一个响应式的Viewport。

5. 图片适配：使用响应式的图片或者使用CSS的max-width属性限制图片在不同屏幕上的最大宽度，以适应不同屏幕尺寸，避免图片过大而影响页面加载速度。

6. 触摸事件和手势支持：移动设备上的用户主要使用触摸和手势来进行交互，确保页面元素的点击目标（如按钮和链接）足够大，以方便用户操作。

7. 测试和调试：在开发过程中，使用模拟移动设备的工具或者真实的移动设备进行测试和调试，确保页面在不同设备和浏览器上的兼容性和适配性。

以上是一些常见的移动端适配的方法和做法，具体的适配策略还要根据具体项目和需求来确定。移动端适配是一个综合性的工作，需要综合考虑不同设备的屏幕尺寸、分辨率、操作方式等因素，以提供良好的用户体验。