有四种主要方法来设计移动网站，每一种方法都有其的优点和缺点。他们是：

1.有所不为，2.修改现有的设计（用CSS），3.设计一个独立的移动网站，4.设计一个负责任的网站。

下面我们依次来看一下这四种方法吧。

1.“有所不为”

正如前面所说的，现在的移动浏览器能够处理大多数网站，大多数浏览器允许用户在阅读的时候放大页面，在浏览网页候缩小页面。这样虽然麻烦，但是用户习惯了这种工作流。有所不为是所有选择中花费较小的一种方法，因为你差不多“什么都没做”。同样这也是较有效的方法。移动浏览器的***能一定会有极大的提高。但是作为一个整体，移动用户的体验大大减少。这不会使所有移动用户不再访问你的网站，但是会使某些用户对你的网站不再感兴趣。

2.修改已有的设计

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

利：

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

该方法和“有所不为”相比，改进了用户体验。

弊：

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

内容仍需要下载，（给用户）带来了速度及带宽等一系列问题。

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

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

3.单独设计一个移动站点

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

利：给用户提供较好的移动体验。

弊：开发和维护的成本太高。

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

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

4.设计一个负责任的网站

负责人的设计是个新成员。该设计非常有用，并且可行。因此它的普及率大幅上升。这个设计背后的观点非常简单，不仅仅只有一个样式表。你可以在不同的分辨率下使用不同的样式表。结果是站点展开和折叠取决于浏览器窗口的大小。负责任的设计让你保持较佳的演示不管用户是在使用移动电话，平板电脑还是一个大型的电脑屏幕。

利：能够为多种分辨率设计一个良好的视觉体验。比移动特定的网站花费要少。

弊：比移动特定的样式表花费要高。无法修改基于移动使用的站点内容。布局受制于资源顺序。

总结：

设计任何移动网站的**步就是选择你用的方法。选择的方法能够表明设计的局限***和***能。目前，有四种主流的设计方法，且每种方法有各自的优缺点。较古老，较有优越感，较贵的方法就是专门为移动设备设计一个站点。较少的花费且长期存在的方法是使用一个特定的样式表。方法是创建一个设计，该设计响应不同的屏幕分辨率。如果预算比较少，移动用户的访问量比较小，你可以什么都不做。现代的移动浏览器自己提供可以接受的体验。