Css 通过响应式web设计了解不断变化的内容

我一直在努力学习如何使用响应式网页设计来设计网页。我遇到了一个我不理解的有趣的例子：

在桌面上的此页面上，您将看到GIF，但当您将浏览器缩小到足够大时，您将看到静止图像

---

我认为这种类型的内容变化在响应式网页设计中是不可能的，因为它只能控制风格而不能控制内容。我希望有人能告诉我这里到底发生了什么，如果我认为响应式网页设计不改变内容的局限性是正确的

任何响应性设计都是基于

@media

CSS查询的，您可以选择在屏幕大小的元素上应用哪种样式（CSS方法）

或者使用一些JS代码来监控窗口的宽度，显示/隐藏一些元素，或者做它应该做的事情。（JS方法）

它们实际上是循环而不是gif。如果分辨率较低，则隐藏视频，并使用

display:none

显示jpg。检查其样式表的结尾：

他们使用

@media

控制它在不同设备上的显示方式。阅读有关

@media

的更多信息，请点击此处：

---

响应式网页设计是互联网上的各种信息，这些信息是抽象的、哲学的和轶事性的。

大多数时候，在响应式模式下，我们隐藏或显示内容。 例如：幻灯片可以隐藏在480px以下的屏幕中。为此，我们将显示一个带有大文本的横幅，以解释章节/内容

因此，可以使用CSS更改内容。但内容没有更改或添加。通常内容已经加载。但随着反应能力的提高，节目也会随之改变

---

另外，您的链接不起作用。

您是否查看了页面源代码？