我想知道如何像Apple.com在不同的屏幕尺寸和设备上完美地配合背景图像（参见示例）
红色圆圈（MBP的边缘）总是位于较小设备的屏幕边缘，但在较大的屏幕上，会显示更多的图像宽度。
图像为2560x882，MBP的宽度为1045px。
我还注意到，在非常高的分辨率下，它们将图像交换为尺寸加倍的较大图像。我怎么能得到这个？
答案 0 :(得分：0)
对于图像，您可以使用
img { max-width: 100%; height: auto; }
对于您使用的背景图片：
div { background-size:cover; } /* background-size: "contain" | "100%/100%" | "100%" is also an option according to requirement. */