您好,我的 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
我已经尝试了“可能已经有了我的答案的问题”中的一些解决方案,但对我没有任何帮助
谢谢你的帮助!!!!
最佳答案
我尝试了很多解决方案,但我不想使用 JS,所以出于某种原因,修复的属性附件在 IOS 上无法正常工作,所以我为媒体做了这个,现在图片看起来不错,只是不再修复了
@media screen and(max-width:800px)
.hero
background:
attachment: scroll
如果有人给我一个让我开心的其他解决方案
谢谢
关于html - 背景图像不适用于 iPhone/iPad,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37304626/