html - IOS 的媒体查询不使用位置固定背景图像

Question

我的 IOS 设备有问题。我认为原因是 Safari 浏览器没有正确显示我的背景图像。它适用于除 IOS 设备之外的任何其他手机。

我试图保持位置固定，当用户滚动时图像会粘住并向下滚动，但图像而不是滚动它只是放大到最大并且除了一小块 img 之外什么都看不到。我用于图像的代码 -

@media screen and (min-width: 375px) and (max-width: 812px)
  and (-webkit-device-pixel-ratio : 3){
  
    html, body{
      width:100%;
      overflow-x:hidden;
      background-size: cover;
      background-attachment:fixed;
      background-image: url(./phone.jpeg);
      }

谢谢大家，真的希望我们能一起解决！

标签： htmlcss