Css 滚动时视差背景会放大(移动)

Css 滚动时视差背景会放大(移动),css,image,background,background-image,parallax,Css,Image,Background,Background Image,Parallax,视差背景在桌面和横向移动设备上工作得非常好,但在纵向移动设备上,当你向下滚动页面时,图像会立即放大一点点,就好像设备的宽度/高度发生了变化一样。它非常类似于弹出式效果,我无法找出是什么导致了它。以下是滚动前后的图像供参考: 这是我的代码: background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../../img/header-medium.jpg); background-attach

视差背景在桌面和横向移动设备上工作得非常好,但在纵向移动设备上,当你向下滚动页面时,图像会立即放大一点点,就好像设备的宽度/高度发生了变化一样。它非常类似于弹出式效果,我无法找出是什么导致了它。以下是滚动前后的图像供参考:

这是我的代码:

    background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.1)), url(../../img/header-medium.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-position: top;
我试着用%设置一个固定的背景大小,但是没有用,所以我不知道还能做什么。提前谢谢