1. 布局设计上，采用响应式设计。即设计一个基于自适应布局的网站，针对不同屏幕尺寸的设备，网站可以正确呈现、自动调整，使得设备屏幕大小不影响用户体验。

2. 对于以前的网站，可以通过CSS3的Media Query实现响应式设计。根据不同的屏幕尺寸，设置不同的CSS样式。如设置移动端页面的行高、字体大小、元素排列等。

3. 利用移动端开发框架进行底层适配。如Bootstrap、Foundation等。通过这些CSS框架提供的移动端元素、组件和样式，可快速打造出符合移动端用户习惯的界面。

4. 使用Viewport标签对网页进行适配。Viewport是一个控制浏览器视口的标签，可以设定网页在不同设备上的显示尺寸、初始缩放比例等。同时，通过以下CSS代码，使得Viewport能够自适应大小。

“`
<meta name=”viewport” content=”width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no”>
“`

5. 针对手机端轻量级设备，例如Apple Watch、Google Glass等，应使用Single Page Application（SPA）开发方式。SPA不需要每次都加载整个页面，能够有效减少请求量和页面响应时间，从而提高移动端用户体验。