普通网站设计为固定宽度，通常为 990 像素宽，以确保网站在大多数 PC 屏幕和平板电脑（横向模式下）上看起来不错。响应式网站是一种动态更改宽度（有时是布局）以适应正在查看网站的设备的网站。

响应式网站成本

响应式网站需要的工作量大约是普通网站的 5 倍，因此也更贵——但幸运的是不是贵了 5 倍。您可以从我们最新的价格表中大致了解预算目的，但请随时与我们联系以获得准确的报价。

响应式网页设计过程

设计和构建响应式网站所需的时间取决于工作范围 - 可能只需 3 周或超过 3 个月。如果您能准确地告诉我们您需要做什么，我们可以给出更准确的时间表。

使现有网站具有响应性

通常，如果我们接受一项工作，我们会对其进行彻底的检修。我们从头开始设计和建造它。我们确实有例外情况（例如我们做的 Clicks Health Conference 网站），如果现有的网站设计令人满意，我们不会重新设计，但仍会从头开始重建网站，以确保正确的编码实践和更容易维护.

响应式网页设计是否必要？

在 2015 年 4 月之前，答案是：这实际上取决于您的目标市场和预算。如果您的网站针对不太可能在手机上查看您的网站的技术不太熟练的个人，那么响应式网站可能没有必要。如果没有响应式技术，用户应该仍然可以在手机上查看您的网站，但他们必须捏合和缩放才能使文本清晰易读。所以，如果你根本没有预算，那就不要去让自己负债累累。而是坚持使用您的标准网站，直到您负担得起为止。

然而，另一个因素已进入等式。自 2015 年 4 月以来，Google 已将移动友好性宣布为搜索引擎算法中的一个因素 - 这意味着如果您的网站没有响应，它可能已经开始在搜索结果页面中下滑。

因此，如果您想保持领先地位，避免任何形式的搜索排名惩罚，并为您的客户提供友好的用户体验，无论他们使用什么设备，那么响应式网页设计是您应该投资的东西。考虑到越来越多的人对于使用智能手机上网的个人，只要您负担得起，我们建议您花额外的钱，为自己建立一个响应迅速的网站。

为什么我们的响应式网站设计更出色

大多数响应式网站设计师只是将设计放入像 bootstrap 或类似的流动框架中，并期望框架为他们完成所有工作。这种方法有几个明显的问题，即：

1.框架不够智能，无法意识到网站中的元素间隔很差，当网站使用流动（基于百分比，而不是基于像素）布局时，它们通常出现在大多数视图中。
 2.您的内容是您网站上最重要的东西，因此让设计与内容相得益彰是有意义的。使用框架和样板意味着您需要将内容融入设计中，而不是围绕内容进行设计。这违反了设计的基本规则之一：形式遵循功能。
 3.图像并未针对每个视图进行优化。为什么有人在 WiFi 连接不佳的智能手机上查看网站时必须加载与使用 1080p 电脑显示器的人相同大小的图像？
4.大多数框架忽略了使用宽屏显示器并希望充分利用其屏幕空间的另一端用户，而是专注于“移动优先设计”。这就是我们在宽屏上看到不友好的设计选择的地方，例如汉堡菜单（您经常看到的那 3 行表示移动设备上的菜单）。

解决方案

我们的响应式网站使用自适应静态布局，这意味着我们以几种不同的标准尺寸设计网站：

1、您的网站可以在旧的“方形”电脑屏幕上运行，包括宽屏。我们为您的网站设计了一个更广泛的版本，以最大限度地利用通常会被浪费的屏幕空间。
 2、您的网站将在平板电脑上以横向和纵向模式运行。我们使用触摸技术确保菜单正常工作。例如：我们不依赖于仅鼠标悬停的下拉技术，因为这在触摸屏上不起作用。
 3、您的网站将在智能手机上以横向和纵向模式运行。如上所述，菜单使用触摸技术正常工作，并且在适当的情况下，向用户提供较低分辨率的图像以提高浏览速度。此外，我们还考虑到触摸屏设备需要用户使用手指（不一定很瘦），而且并非所有智能手机都是超大尺寸，因此点击区域需要在 40 像素² 左右。
 这确保了间距是像素完美的，并且经过优化以适合每个视图（而不是任其发展）。

为了配合不断增长的屏幕尺寸阵列，在 2017 年，我们进一步改进了自适应静态布局，以使用这些设置尺寸之间的液体宽度。这可确保您即使在尺寸奇特的智能手机和平板电脑中也能充分利用屏幕空间。我们还开始实施其他小而有用的更改。例如：我们链接电话号码，以便在 PC 上单击以使用 Skype，而在手机上单击以拨号。