如何为响应式网站设计背景图片？
How do I go about designing a background image for a responsive website?
我整天都在四处寻找答案或指南，但我似乎找不到任何东西。我可能在这里遗漏了一个关键词。
我有一个单页网站，我想在 photoshop 中为其设计背景图片。我希望能够围绕网页上的元素设计这张图片。这对于一种特定的屏幕尺寸来说并不难设计，但是元素的位置和屏幕的宽度可能会因设备而异。关于如何解决这个问题，我只有两个想法，这两个似乎都不是一个好方法：
- 创建忽略页面元素的背景图片，并且没有太多细节 right/left 在移动设备上被截断。
- 为每种设备尺寸创建单独的背景图像，并使用媒体查询加载正确的图像。
有没有更好的方法来解决这个问题？
这是我正在谈论的那种背景的示例屏幕截图：
让我们解决这个问题："How do I go about designing a background image for a responsive website?"
显然，这个问题的正确答案不止一个。最简单的解决方案（IMO）是创建一个抽象的高分辨率图像，因此如果随着屏幕尺寸变小而将其部分切掉，也不会出现错误。您发布的网站上的背景图像就是使用这种方法。木镶板导致设计与屏幕尺寸无关。
我整天都在四处寻找答案或指南，但我似乎找不到任何东西。我可能在这里遗漏了一个关键词。
我有一个单页网站，我想在 photoshop 中为其设计背景图片。我希望能够围绕网页上的元素设计这张图片。这对于一种特定的屏幕尺寸来说并不难设计，但是元素的位置和屏幕的宽度可能会因设备而异。关于如何解决这个问题，我只有两个想法，这两个似乎都不是一个好方法：
- 创建忽略页面元素的背景图片，并且没有太多细节 right/left 在移动设备上被截断。
- 为每种设备尺寸创建单独的背景图像，并使用媒体查询加载正确的图像。
有没有更好的方法来解决这个问题？
这是我正在谈论的那种背景的示例屏幕截图：
让我们解决这个问题："How do I go about designing a background image for a responsive website?"
显然，这个问题的正确答案不止一个。最简单的解决方案（IMO）是创建一个抽象的高分辨率图像，因此如果随着屏幕尺寸变小而将其部分切掉，也不会出现错误。您发布的网站上的背景图像就是使用这种方法。木镶板导致设计与屏幕尺寸无关。