有四种主要方法来设计手机网站，每一种方法都有其的优点和缺点。

1、进行移动站点适配

保留原有的标记，但是调整现有的设计样式是完善移动体验的长期方法。通常，通过更换移动浏览器的样式表来达到这个目的，该样式表简化了布局，隐藏了大幅图像/动画，并使得浏览页面更加容易。

利：

低成本，并且只需要修改外观。

弊：

限制了能够做出的改变的数量。

无法改变基于该站点上下文的内容。

对于大多数移动设备和屏幕分辨率来说，很难进行设计。

2、单独设计移动站点

如果有大量预算的话，那么最理想的方法就是开发一个独立的专门由移动设备访问的网站。移动网站的设计，组织和填充一直关注移动用户的需求。因为该站点独立于公司的主网站，因此它可以是完全不同的。当用户访问主站点的时候，他们被标识为移动用户，页面自动跳转到为移动设备访问版本，这给用户提供了最好的体验。他们可以浏览专门为移动用户的需求设计的站点。

利：

给用户提供最好的移动体验。

弊：

开发和维护的成本太高。

一些用户习惯了该网站的桌面版本，并倾向于通常使用的版本。

对于大多数移动设备和屏幕分辨率来说，很难进行设计。

3、响应式布局

随着移动互联网的盛行，为解决如今各式各样的浏览器分辨率以及不同移动设备的显示效果， 设计师提出了响应式布局的设计方案。

利：

面对不同分辨率设备灵活性强。

能够快捷解决多设备显示适应问题。

弊：

一定程度上改变了网站原有的布局结构，会出现用户混淆的情况。

在我看来，成功的手机网站的设计秉持一个简明的原则：让用户快速地得到他们想知道的，最有效率地完成他们的行为，所有设置都能让她们满意。