你有没有问自己，“什么是响应式网页设计？”响应式网页设计是一种方法，设计师根据所看到的设备类型创建一个“响应”或调整自身大小的网页。这可能是超大型台式电脑显示器，笔记本电脑或智能手机和平板电脑等小屏幕设备。
响应式网页设计已经成为拥有数字存在的任何人的必备工具。随着智能手机，平板电脑和其他移动计算设备的增长，越来越多的人使用小屏幕来查看网页。
$config[code] not found这些网站还必须考虑谷歌刚刚在2018年4月宣布的移动优先索引。随着越来越多的小型企业增加其移动业务，他们的网站，电子商务，谷歌商业页面，社交媒体页面和其他资产必须能够轻松访问所有设备。
什么是响应式网页设计？
响应式设计的目的是拥有一个站点，但具有不同的元素，在不同大小的设备上查看时会有不同的响应。
我们来看一个传统的“固定”网站。例如，在台式计算机上查看时，该网站可能会显示三列。但是当您在较小的平板电脑上查看相同的布局时，它可能会强制您水平滚动，这是用户不喜欢的。或者元素可能会从视图中隐藏或看起来变形。由于可以纵向观看许多平板电脑或横向观看景观视图，因此影响也变得复杂。
在一个小巧的智能手机屏幕上，网站可能更具挑战性。大图像可能会“破坏”布局。如果网站图形太重，网站加载速度可能会很慢。
但是，如果网站使用响应式设计，则平板电脑版本可能会自动调整为仅显示两列。这样，内容可读且易于导航。在智能手机上，内容可能显示为单列，也可能垂直堆叠。或者可能用户可以滑动以查看其他列。图像将调整大小而不是扭曲布局或中断。
重点是：通过响应式设计，网站会根据观众看到的设备自动调整。
响应式网页设计如何运作？
响应站点使用流体网格。所有页面元素都按比例调整大小，而不是像素。因此，如果您有三列，则不会确切地说每列应该有多宽，而是相对于其他列应该有多宽。第1列占据页面的一半，第2列应占用30％，第3列占20％，例如。
图像等媒体也相对调整大小。这样，图像可以保持在其列或相对设计元素内。
相关问题
鼠标v。触摸： 针对移动设备进行设计也会带来鼠标与触摸的问题。在台式计算机上，用户通常使用鼠标来导航和选择项目。在智能手机或平板电脑上，用户大多使用手指并触摸屏幕。使用鼠标可能很容易选择的东西，可能很难用手指在屏幕上的一个小点上选择。网页设计师必须考虑“触摸”。
图形和下载速度： 此外，还有图形，广告和下载速度的问题。在移动设备上，显示比桌面视图更少的图形可能是明智的，这样网站就不会永远加载到智能手机上。较小的广告可能需要更换较大的广告尺寸。
应用和“移动版”： 在过去，您可能已经考虑过为您的网站创建应用程序 - 例如iPad应用程序或Android应用程序。或者您将拥有专门用于BlackBerry的移动版本。
但是现在有这么多不同的设备，为每个设备和操作平台创建应用程序和不同版本变得越来越困难。
为什么小企业需要转向响应式网页设计
越来越多的人使用移动设备。皮尤最近的一项研究显示，在2018年，77％的美国人拥有智能手机，而皮尤研究中心2011年进行的首次智能手机拥有量调查仅占35％。
检查您的流量，您可能会对通过移动设备访问您网站的访问者数量感到震惊。 （在您的Google Analytics中，选择左侧的“受众群体”，然后选择“移动”以查看来自移动设备的流量比例。您甚至可以深入查看哪些设备正在发送流量。）
响应式设计模板现在无处不在，可供购买。例如，如果你有一个WordPress网站，你可以访问一个信誉良好的模板库，如ThemeForest，并搜索“响应式WordPress主题。”购买一个低于50美元。然后，您的Web开发人员可以根据您的徽标和品牌自定义它。
编者注：在Small Business Trends，我们正在开发一种新的响应式设计。不应该吗？
照片来自Shutterstock
更多内容：内容营销，什么是95评论▼
