html - 背景图像不适用于 iPhone/iPad

Question

您好，我的 background-image 有问题在 Apple 设备 (iPhone/iPad) 上我的背景在所有浏览器和 Android 设备上看起来都是我想要的，而不是在 Apple 设备上

在浏览器中像这样:Safari, Firefox, Chrome, Opera, Edge, IE

在 Android 上喜欢这个

在 Apple 设备上像这样

对于 HTML 它只是一个普通的 <div class="hero"> </div>

这是我的 CSS (sass)

.hero
    width: 100%
    height: 100%
    position: relative
    background:
        image: url(../image/pics/thailand.jpg)
        position: center
        size: cover
        attachment: fixed

This is the page

我已经尝试了“可能已经有了我的答案的问题”中的一些解决方案，但对我没有任何帮助

谢谢你的帮助!!!!

Answer 1

我尝试了很多解决方案，但我不想使用 JS，所以出于某种原因，修复的属性附件在 IOS 上无法正常工作，所以我为媒体做了这个，现在图片看起来不错，只是不再修复了

 @media screen and(max-width:800px)
    .hero
        background:
            attachment: scroll

如果有人给我一个让我开心的其他解决方案

谢谢