#058：画廊自定义标题，第二部分（使用反向媒体查询）

我们已经将画廊的基本标题设置到位，但它缺少 Erica 在原始插图中添加的小蓝人。我们之前已经讨论过，并决定如果调整屏幕大小，当画廊墙体在他们身后移动时，这些人会保持不动，这样看起来就像他们惊叹地浏览画廊一样，这会非常酷。

由于人物图形纯粹是装饰性的，因此使用标记来实现它们并不是理想的选择。幸运的是，它们有两个，并且每个元素都可以获得两个免费的伪元素（::before 和 ::after）。我们使用它们来添加人物。

在本视频中，我们介绍了一个概念，它将继续发挥作用，即“反向媒体查询”的概念。我们在设计中主要从桌面端开始向下适配，因此我们的媒体查询主要基于 max-width。但是，如果我们基于 min-width 设置相同的媒体查询，则可以仅在屏幕尺寸大于某个值时（而不是小于某个值时）才对其进行定位。

在这种情况下，人物图形在小屏幕上不适合。因此，我们使用反向媒体查询来加载它们，这样我们就可以在它们可以正常工作的较大型屏幕上加载它们，而不会在小屏幕上加载它们。这比始终加载它们并在小屏幕上隐藏它们更好。