网站JPG在iPad上看起来非常像素化

Ins*_*ght 8 safari ipad

我们的网站在Mac上显示正常.但是,在iPad上,主页滑块图像看起来非常像素化.

我已经看过[本文] [2]并将JPG更改为渐进式,并清除了服务器缓存和iPad Safari缓存,但问题仍然存在.

帮助赞赏.

Ins*_*ght 5

根据这个答案,在大多数移动浏览器上使用background-attachment: fixedwithbackground-size: cover会导致问题。您可以尝试使用background-attachment: scroll. 这不会产生您想要的效果,但您至少会看到图像。您可以使用一两个媒体查询将其限制为平板电脑或手机的设备,方法是使用@media screen and (max-device-width: 1024px){}

或者

您可以使用background-position: scroll并包含一些 javascript 将图像保持在滚动位置(保持在窗口顶部):DEMO