1. 使用响应式设计：使用CSS3的媒体查询技术，根据屏幕大小和分辨率等因素，自适应的改变样式及排版，使其在不同设备呈现不同的效果。

2.使用流式设计：按照比例来定制页面，使网页能随着设备自适应变化，而不会因为某个尺寸的屏幕而导致排版乱掉。

3. 灵活的布局：网页需要使用弹性的布局，使用百分比布局，或者使用自适应单位（如em、rem）等布局方式，确定元素的大小和位置。

4. 视口设置：通过设置meta标签中的viewport属性，确保网页的宽度与设备宽度相匹配。

5. 使用图片占位符：使用低分辨率的图片占位符，让网页先加载出来，再加载高分辨率图片以提高网页加载速度。

6. 移动优先设计：在设计过程中，先考虑移动设备的布局和设计，再逐渐增加其它设备的布局和设计，以确保移动设备的用户体验优先。