为什么这些图片不会在手机上加载？ - HTML / CSS

Question

在this页面上，图片在桌面上看起来很好但在移动设备上找不到白色/找不到。我不知道为什么会这样。我只是在调用一个img标签，但它说它在移动设备上找不到，即使它在那里

Answer 1

我已经检查了你的文件，@ MRVimes是正确的你应该完成你的html，这将有助于在较慢的设备上更好地验证。

然而，问题完全取决于图像的大小。 Chrome Dev工具向我展示了它们的大小，启用模拟器并选择iPhone 5，看看会发生什么。这需要很长时间才能下载。

尝试使用Picturefil.js提供较小的图片，或在软件应用程序中缩小图片。

这是我从Google Dev Tools获得的图片（免费且令人惊叹）：

另外我注意到如果你打开开发工具，你需要改变CSS处理图像的方式：

Position:center

无效，可能会将其设置为相对或静态，具体取决于您希望页面结构的外观。

我也看到你可能想用这个css更新标题：

z-index: 99999;

这将使您的标题显示在顶部，因为z-index更改了html元素的图层（非常类似于sandwhich中的填充）

Answer 2

对不起我的朋友，但这是假的COMPRESSSING THE IMAGES TO 50KB因为您的缓存浏览器已满，您不得不清空浏览器的历史记录/ Cookie /缓存

  

IOS设备支持32 MEGAPIXEL在SAFARI的图像尺寸

请点击此处查看最大图片尺寸和分辨率支持Apple IOS developper

要删除您的缓存，只需转到“设置=＆gt; Safari =＆gt;清除缓存=＆gt;清除缓存”，就是这样

注意：检查IOS设备上的可用空间应大于50MB

You have to Enjoy the technologie by let the images greater then 1.5mb and works in both of computers/devices