ipad - 网站 JPG 在 iPad 上显得非常像素化

Question

我们的网站在 Mac 上看起来很好。但是，在 iPad 上，主页滑块图像显得非常像素化。

我查看了 [this article][2] 并将 JPG 更改为渐进式，并清除了服务器缓存和 iPad Safari 缓存，但问题仍然存在。

帮助表示赞赏。

标签： ipadsafari

Answer 1

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

或者

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