响应式网站背景

Question

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

是否可以使其响应？我见过一些例子，但这是一张大图： example 1 example 2

Answer 1

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