2

我正在为我姐姐的婚礼做一个小演示,我基本上想在用户向下滚动页面时将身体背景设置为不同的图像。

这是该页面的功能版本。

该过程本身可以正常工作,但是在:

运行 Chrome 的桌面 mac(浏览器宽度约为 1900 像素)

尽管背景保持固定(应该如此),但图像不会在页面上延伸。

这个问题的截图

一部手机(android chrome)

背景图像不会保持固定(当用户向下滚动时,背景图像会留在后面)。有趣的是,我无法通过缩小窗口在我的笔记本电脑浏览器中重现这一点——可能是移动浏览器本身的限制?

这个问题的截图

关于我在这里缺少什么的任何想法?

4

2 回答 2

1

图像宽 1200 像素。因此,在 1900 分辨率下,图像不会拉伸并且更小:)。如果你使用背景尺寸:100%;它应该伸展。

至于手机:这个问题与您的解决方案相同。

于 2013-01-14T13:19:13.100 回答
0

设置

width:100%
margin-left:auto;
margin-right:auto;

在您的图像标签或 div 中

如果 100% 不起作用,请使用 px 作为宽度

于 2013-01-14T13:14:25.537 回答