就会改变颜色。任何小于此的值都会保留原始颜色。这种技术在响应式网站中非常常见，因为通过这些断点，您可以根据所使用设备的屏幕大小对网站对象进行建模。 静态单位与相对单位 对于任何开始使用响应式设计的人来说，一个非常重要的概念变化是使用尽可能多的相对单位，即根据屏幕尺寸变化的单位。不是将对象的大小设置为 1000px（这是一个固定单位），而是将其设置为 100%（这是一个相对单位）。相对单位适应他们所处的环境，这就是响应式设计的精髓。 流体与固定 固定对象具有定义的大小（每个静态单位），而流体对象具有可变大小（每个相对单位）。
图像与矢量 在此动画中，您可以看到使用图像或矢量之间的区别。在响应式设计中，这最终会产生很大的不同，因为在可能的情况下，您应该使用矢量，它会自动调整大小，而不管您缩放多少。这就是为什么使用“图标字体”非常普遍的原因，这些字体就像 客户名单 矢量一样工作。最常用的一种是Font Awesome，但还有几十种。制作成图像的图标可能会降低质量，具体取决于查看它的屏幕的密度和大小，矢量（或图标字体）不存在此问题。 系统字体与网络字体 系统字体是操作系统上已经安装的所有字体。每个系统的默认字体在 Microsoft Windows 和 Apple Mac OS 之间差异很大，因此建议使
用“ WebDesign Safe Fonts ”，它们基本上是所有系统上都存在的字体。在这个网站上有一个安全的网络字体列表。但是，另一方面，如果你想在你的网站外观中探索更多的排版，你可以使用所谓的“网络字体”。这些字体直接加载到浏览器中并在站点内应用。有不同的方法可以使用这种技术，但在所有这些方法中，它都取决于用户下载（自动）使用的字体，因此在某些情况下，字体可能需要几秒钟才能正确加载。（前面提到的图标字体是网络字体的一种。） 嵌套对象 响应式设计中另一个非常常见的术语是嵌套或非嵌套对象。嵌套对象是给定空间内的对象，例如div。如果对象没有嵌套