我正在为我姐姐的婚礼做一个小演示,我基本上想在用户向下滚动页面时将身体背景设置为不同的图像。
该过程本身可以正常工作,但是在:
运行 Chrome 的桌面 mac(浏览器宽度约为 1900 像素)
尽管背景保持固定(应该如此),但图像不会在页面上延伸。
一部手机(android chrome)
背景图像不会保持固定(当用户向下滚动时,背景图像会留在后面)。有趣的是,我无法通过缩小窗口在我的笔记本电脑浏览器中重现这一点——可能是移动浏览器本身的限制?
关于我在这里缺少什么的任何想法?
我正在为我姐姐的婚礼做一个小演示,我基本上想在用户向下滚动页面时将身体背景设置为不同的图像。
该过程本身可以正常工作,但是在:
运行 Chrome 的桌面 mac(浏览器宽度约为 1900 像素)
尽管背景保持固定(应该如此),但图像不会在页面上延伸。
一部手机(android chrome)
背景图像不会保持固定(当用户向下滚动时,背景图像会留在后面)。有趣的是,我无法通过缩小窗口在我的笔记本电脑浏览器中重现这一点——可能是移动浏览器本身的限制?
关于我在这里缺少什么的任何想法?
图像宽 1200 像素。因此,在 1900 分辨率下,图像不会拉伸并且更小:)。如果你使用背景尺寸:100%;它应该伸展。
至于手机:这个问题与您的解决方案相同。
设置
width:100%
margin-left:auto;
margin-right:auto;
在您的图像标签或 div 中
如果 100% 不起作用,请使用 px 作为宽度