ios - iPhone (iOS) 上的响应式网站图像变得模糊

Question

我已经构建了响应式网站，该网站在除 iOS 之外的所有设备上都能正常运行。在 iOS 设备上，我的背景图像变得模糊。

这是我网站的链接。 http://www.idynxschool.com/vesco/

你可以在iPhone上查看，你会发现图像模糊。这是做视网膜就绪图像的东西吗？

任何解决方案都将非常感激。

谢谢

Answer 1

在 iOS 上的 Safari 中，显示大型 PNG 和 GIF 图像时存在已知限制。该问题是由图像中的像素总数触发的，因此即使图像很窄，如果图像足够高，您也可能会感到模糊。

这会影响 iPad 和 iPhone 以及所有型号的设备。然而，触发该问题的确切图像大小因 iPhone 和 iPad 以及型号而异。例如，如果您要为 iPhone 6 Plus 创建宽度为 1080 像素的图像，则在出现模糊之前该图像的高度最高可达约 4800 像素。

如果您使用 JPG 而不是 PNG 或 GIF，那么您可能会看到更少的模糊度，因为 JPG 图像的限制增加了。然而，对于 PNG 或 GIF 图像，目前解决此问题的唯一方法是减小图像的尺寸，直到它们低于导致问题的限制。

找到答案:https://support.invisionapp.com/hc/en-us/articles/204660949-Why-are-my-images-in-iOS-blurry-