Question

我正在使用jQuery移动工具包构建移动版网站。

页面将具有垂直布局（仅垂直滚动）。

我想在主页面上显示背景图像，即使用户滚动到底部也是如此。

图像是一个大图像，以无重复模式显示。图像必须在页面的左上角显示它的左上角，并尽可能多地显示它的宽度和高度（图像应该调整大小，以便不会 - 或最小 - 裁剪）。

是否可以为任何（或所有）不同的屏幕尺寸和方面提供图像？

Answer 1

您可以使用width和height CSS媒体查询根据用户视口的宽度和高度提供不同的背景图片。

如果您在<body>元素上设置背景图片，并将其background-attachment属性设置为fixed，那么背景图片将保持相对于视口的相同位置当用户滚动页面时。

Answer 2

在下面的媒体查询中进行所需的CSS更改：

@media screen and (max-width: 480px) {
}