自从去年以来，WooCommerce 独立站网页设计中最热门的主题之一是围绕使用响应式 WooCommerce 独立站网页设计与自适应 WooCommerce 独立站网页设计的讨论。这两种方法之间的主要问题在于它们如何显示在您的网站，并使其可以通过不同的装置，如传统的台式计算机和越来越流行的移动装置的大量可访问的差异。本文谈谈 WooCommerce 独立站网页设计 WooCommerce 建站：响应何自适应哪个更好？

　　自适应 WooCommerce 独立站网页设计（AWD）

　　自适应 WooCommerce 独立站网页设计就是建立一个界面，其形式和功能适应多用户的功能。维基百科定义为一个 WooCommerce 独立站网页设计策略，其中心是使网站可以在任何网络浏览器上访问。换句话说，它的最终目标是建立一个伟大的多用户体验，无论您使用什么浏览器或装置。

　　自适应 WooCommerce 独立站网页设计如何工作？ AWD 使用多种预定义的静态网站布局，每种布局都是针对不同的屏幕尺寸（手机，平板电脑和桌面）建立的。当客户访问您的线上商店时，它将根据检测到的多用户装置的屏幕大小显示具有相应样式表的特定布局。在 AWD 中，webWooCommerce 服务器基于装置的属性和能力来进行装置检测和载入适当的样式表。

　　响应式 WooCommerce 独立站网页设计（RWD）

　　WooCommerce 独立站网页设计师和开发人员 Ethan Marcotte 是 “响应式 Web 设计” 的创始人，他在部落格 A List Apart 中描述了这种技术，使用更灵活的方法为各种移动装置设计最佳的观看体验，例如使用媒体查询，条件样式表和流体网格，以建立灵活的布局，适合任何尺寸的屏幕。 换句话说，响应网站可以改变其布局以匹配多用户的移动装置以提供最佳观看体验。

　　响应式 WooCommerce 独立站网页设计如何工作？ 在 RWD 中，网页被发送到多用户装置的浏览器，并且浏览器进行修改页面将如何看起来与其屏幕尺寸相关的工作。 响应式 WooCommerce 独立站网页设计能够通过根据浏览器屏幕的尺寸调整大小和重新排列浏览器屏幕上的元素来更改网页的组成。

　　AWD 和 RWD 之间的比较

　　如上所述，自适应和响应式 WooCommerce 独立站网页设计将允许您在不同的移动装置上以不同的屏幕尺寸检视您的网站。两种方法都有相同的目标，即为网站访问者提供最佳的多用户体验。他们的区别在于他们如何实现这一目标。

　　如果您回顾每种设计方法的工作原理，您会看到一个自适应网站使用预定义的布局，并选择最适合的布局来显示适合多用户的装置，而响应网站使用灵活的布局，根据浏览器视窗大小。响应式 WooCommerce 独立站网页设计更侧重于网站的布局（包括图片，文字样式，字型和颜色），而自适应 WooCommerce 独立站网页设计还可以增强网站多用户的功能，因为它会检视装置的功能，以便载入优化的网页匹配装置的屏幕尺寸，并且还经过优化以整合装置具有的其他功能，例如高解析度显示或触控式屏幕功能。

　　哪个更好：AWD 或 RWD？

　　这两种 WooCommerce 独立站网页设计策略都有自己的好点和坏点，所以一个不一定比另一个好。正确的问题是哪种方法更适合您的网站？考虑到您的 WooCommerce 电子商务 WordPress 网站设计策略，您需要确定两者中的哪一个将工作。

　　借助响应式 WooCommerce 独立站网页设计，无论您的网站在哪个装置上浏览，您都可以提供最佳的多用户体验，而且您只需针对各种环境优化单个 HTML 档案。但是，如 webdesign.org 中所述，在此方法中使用流体影像意味著您的网站影像按比例缩放，您将放弃对网站上的所有内容的外观的控制。但是媒体查询的使用提供了一系列的布局可能性。

　　如果您选择一个敏感的 WooCommerce 电子商务 WordPress 网站设计，像 Shopify 等著名网站提供的 WordPress 网站设计，重要的是您知道移动计算的设计限制，并有一个战略到位。一般来说，如果您有现有的网站，并且您的目标是使其在传统桌面和移动装置上都能正常工作，那么响应式 WordPress 网站设计就更加合适。它最适合信息网站。

　　另一方面，如果您的网站获得了大量的移动流量，并且您希望主要向您的移动多用户提供最佳的浏览体验，那么自适应 WooCommerce 电子商务 WordPress 网站设计是理想的。使用自适应方法，您可以优化您的 Web 设计，以利用特定于用于增强的多用户体验的装置的特殊功能。

　　对于使用较小预算的企业，自适应方法可能更合适，因为您只需要构建几个布局，以适应基本上三种类型的屏幕尺寸，手机，平板电脑和桌上型电脑，而不是开发一个布局，需要针对所有移动装置进行了优化。此外，由于响应式设计缩放元素，如果您的网站对在缩放时无法正确显示的图片很重，则最好选择自适应 WooCommerce 独立站网页设计。

　　同样，自适应和响应 WooCommerce 独立站网页设计旨在为桌面装置和移动装置提供多用户友好的浏览体验，但在功能方面会有轻微的差异。 WooCommerce 电子商务软件为您提供两者之间的选择。根据您的可用资源以及您的 WooCommerce 电子商务网站获得的流量类型和数量，为您的网站选择正确的方法。