可以使用CSS的background-attachment属性来解决这个问题。将该属性设置为“fixed”可以使背景不随页面滚动而移动，并沿单个页面固定。例如：

body { background-image: url('background.jpg'); background-repeat: no-repeat; background-attachment: fixed; background-size: cover; }

在上面的代码中，背景图片将固定在页面上，不会随着页面大小的变化而移动。如果你想滚动背景图片，将属性设置为“scroll”。最后，我们使用属性“background-size:cover”来确保背景图片扩展到整个屏幕。

如果问题依然存在，你可以使用Javascript来监控窗口调整事件并相应地更新背景属性。例如：

$(window).resize(function() { var winWidth = $(window).width(); if (winWidth < 768) { // 小屏幕 $('body').css('background-attachment', 'scroll'); } else { // 大屏幕 $('body').css('background-attachment', 'fixed'); } });

在上面的代码中，我们在窗口大小调整时检查宽度，并根据需要设置背景属性。当屏幕宽度小于768像素时，背景将滚动。否则，背景将固定不动。

这是一个基本解决方案，可能需要根据具体要求进行修改调整。