css - 通过响应式网页设计了解不断变化的内容

标签 css responsive-design

我一直在尝试学习如何使用响应式网页设计来设计网页。我遇到了一个我不明白的有趣例子:

http://www.sixty-nine.us/collections/general/

在桌面上的此页面上,您会看到 gif,但当您充分缩小浏览器时,您会看到静止图像。

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

最佳答案

任何响应式设计都基于 @media CSS 查询,您可以在其中选择应将哪种样式应用于适用于哪种屏幕尺寸的元素(CSS 方法)

或者使用一些 JS 代码来监 window 口宽度并显示/隐藏一些元素或做它应该做的事情。 (JS 方法)

关于css - 通过响应式网页设计了解不断变化的内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29351604/

相关文章:

html - 中心 float /内联 block div,父容器内有边距自动

html - 为什么按钮出现在我一半背景的后面?

css - 如何实现手机分屏,但宽度是屏幕尺寸的两倍?

javascript - 如何将背景图像从本地文件夹添加到容器

html - chrome 中的列数问题

responsive-design - 如何在响应式网站上实现 ARIA

html - 如何防止在网络应用程序上水平滚动?

jquery - onclick 从特定的 div 中删除类不工作 jquery 函数

html - 如何修复此网站上的响应列?

html - CSS 未使用 DIV asp.net c# 正确布局页面