1. 确定网站整体布局

确定网站整体的布局，包括页面的栏目布置和排版方式等。针对移动端，应当遵循单栏布局和简洁的排版原则，尽量避免繁琐的装饰和复杂的排版，以使页面更容易阅读和浏览。

2. 布局对齐方式

在页面布局中，应当使用弹性盒子（Flexbox）进行布局，以便于页面元素的灵活调整和自适应屏幕大小，同时使用对齐方式（align-items 和 justify-content）确保页面元素在水平和垂直方向上的对齐。

3. 选择合适的字体和字号

在移动端设计中，字体更加显眼，因此应当根据页面内容调整字体和字号大小，以使文章易于阅读。同时应遵循不超过三种字体的规则，以确保页面的视觉风格统一。

4. 布局中的图片

图片是移动端视觉上非常重要的组成部分，应当注意图片在不同屏幕下的布局和展示效果。可以使用流式布局或响应式图片，确保图片在不同屏幕下的大小和质量保持一致。

5. 使用css媒体查询

在实现自适应设计的过程中，最主要的技术工具是CSS媒体查询。通过使用媒体查询，可以根据不同设备的屏幕大小和分辨率来调整样式表中的元素，从而实现自适应效果。

6. 多做测试

最后，测试是非常重要的一步。在设计过程中，应该时刻保持测试习惯，以确保网站的自适应设计和用户体验。可以使用模拟器或真机测试，以确保网站在不同设备和浏览器上的效果达到最佳状态。