响应式网站：是什么？为什么用它？以及如何设置它？

如果您近期尚未建立任何新的网站，您可能会不太清楚什么是响应式网站，为什么您会需要这样的网站，以及自己要如何制作一个响应式网站。让我们一起往下看。

• 什么是响应式网站？

您可能会想知道：为什么同一个网站在我的手机上和在我的电脑上看起来不同？这并不是个意外。它是被专门设计过的。

使用响应式网站设计能够使同样一个网站以不同的形式出现在不同的装置上。

那么，到底什么是响应式网站以及响应式设计呢？

如果您不是网站设计领域中的工作者，那么您对这个术语可能不是那么地熟悉，即使该术语已从一个趋势到现在被实践。

从本质上来说，响应式网站是考虑到您正在浏览的网站的上下文。具体来说，这通常代表着您正在浏览网站的设备。

然而，响应式网站回应的其实并不是浏览器或是装置类型，而是视窗大小。

今日，响应式设计使用 CSS (阶层式样式表，其中储存着所有您的网页的样式文件) 去建立网站上不同的格式、图片尺寸，以及适用于不同视窗大小的选单。

• 为什么您需要使用响应式设计？

如果还是不那么清楚，您应该致力于让您的网站具有弹性，如此一来，无论使用者是在手机，平板或是电脑上访问您的网站，他们的体验仍然会是最佳的。

2014 年是首次行动装置上的网站流量多于桌机的一年，而今日，使用者在其行动装置上所花费的时间则占了他们 59% 的时间。

显然地，桌机型的响应式网站设计的时代已经结束了。

但同时，使用者还是会花上他们 41% 的时间在使用桌机，因此，即使使用行动装置的比例成长，您还是不能忽略桌机使用者。