html - 响应式网站背景

标签 html css responsive-design

我已将此背景构建为网站设计的一部分,如图 image 所示。有 3 个切片(div id 顶部、中间和底部)。

是否可以让它响应?我看过例子,但这是一张大图片: example 1 example 2

最佳答案

好的,找到了一个简单的解决方案,即使用媒体查询,这样当屏幕缩小时,即 959/768/767/480/479,您可以加载较小的图形片段。工作正常,只需要确保我保持较小的文件大小。

关于html - 响应式网站背景,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9370079/

相关文章:

html - 在页面调整大小时拆分 Bootstrap 行

html - CSS 悬停规则只需要应用于父级

html - 如何使用 animate.css shake with less shakes

html - 将元素固定到 flex 容器的底部

javascript - 如何在 div 中制作响应式文本?

css - 缩小宽度和边距顶部

html - 需要存储表的属性值以在 Karate 中进行断言

java - 输出 Java map 并在 HTML 中混合

css - 以响应方式将 Bootstrap 网页嵌入到 iframe 中

html - CSS:如何防止文本对布局造成严重破坏?