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

标签 ios css iphone responsive-images

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

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

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

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

谢谢

最佳答案

在 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-

关于ios - iPhone (iOS) 上的响应式网站图像变得模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45567734/

相关文章:

ios - Swift 2.2 字符串文字选择器

html - 位置为 :fixed overlaps page content 的页脚

php - <a href="#!/home> 有什么用?

javascript - 使用 window.print() 在双面纸上打印图像

ios - EXC_BAD_ACCESS 关于 mergeChangesFromContextDidSaveNotification

XCode 7 中的 iOS 本地化

ios - multipart/form-data 的 AFNetworking 日志请求正文

iphone - 为什么我无法更新临时 iPhone 应用程序?

objective-c - 哪个代码块是 'better' ?

ios - 平移手势和滑动手势