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

Question

我们的网站在 Mac 上显示良好。然而，在 iPad 上，主页 slider 图像显得非常像素化。

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

感谢帮助。

Answer 1

来自this answer ，使用 background-attachment:fixed 和 background-size: cover 会导致大多数移动浏览器出现问题。您可以尝试使用background-attachment:scroll。这不会产生您想要的效果，但至少您会看到图像。您可以使用一个或两个媒体查询，通过使用 @media screen 和 (max-device-width: 1024px){}

将其限制为平板电脑或手机设备

或者

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