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