html - 针对不同的屏幕尺寸拉伸(stretch)图像

Question

我不太确定要搜索什么来寻找我的答案。基本上我做了一个设计，可以看到header here .

那里的文档宽度是1200，我可以弄到一个更大的版本，宽度可达2560，但是我应该如何使用图像呢？我应该使用 CSS 媒体查询并针对特定屏幕尺寸使用不同的图像吗？注意:这不是移动网站设计；我只需要在所有计算机屏幕上正常工作即可。

如果之前有人问过/回答过这个问题，我很抱歉，但正如我所说，我不是 100% 确定要搜索什么。

Answer 1

您可以用 % 定义高度和宽度，并使用一个图像。但我认为你应该为不同的尺寸使用不同的图像，因为它是移动的，如果你能避免让你的用户加载不必要的数据，那就去做吧。