我的网站不在iOS上显示图像

Question

我已经建立了一个自定义网站，并且正在运行iOS 7的iPhone 4上查看。该网站上有一些图像，但没有一个正在加载。所有显示的都是图片的alt标记。该网站在运行iOS 9的iPhone 6s以及我测试过的其他所有设备上运行良好。

有谁知道为什么我的iPhone 4上没有加载图片（运行iOS 7）？

以下是该网站的链接：http://testingsite1.herokuapp.com

Answer 1

您的图片看起来很大！

您以大约250px x 300px显示的图像实际上是2687px x 3356px。那太大了。背景图像在3000px x 2000px时也太大。

如果您希望它们在RAM有限的旧设备上显示，请将图像缩小。

Answer 2

• 测试您的浏览器在https://html5test.com
上支持html5的程度
• 让您的浏览器保持最新状态。
• 使用最流行的浏览器（如Firefox，Chrome，Safari等）在iPhone 4上进行测试。
• 使用前端框架：Bootstrap，MDL，语义UI等。图像样式将自动正常工作。
• 开发网站时，可以使用DevTools在浏览器中使用设备模式进行查看。