Question

我使用Sencha Touch开发了一个应用程序，它在iOS模拟器中运行良好。显示了我的文档正文的背景图像。

将应用程序部署到iPhone时，背景图像不再显示。我知道，区分大小写存在问题，这与模拟器不同。我检查了我的文件名，一切都是小写的。

这是我的CSS代码（在./css/app.css中）：

.x-main {
  background-image: url('../images/swoosh.jpg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

图片文件夹中存在swoosh.jpg，该文件夹位于css文件夹旁边。

我错了什么？它只是没有在设备上工作，在iOS模拟器中，一切都很好。

提前致谢！

更新

为自己找到问题：我必须指定路径为 url('/public/images/swoosh.jpg')

现在有效！

Answer 1

确保使用完全相同的名称表示区分大小写。模拟器不区分大小写，而Device区分大小写。 MyImage.jpg和myimage.jpg是设备中两个不同的图像。

Answer 2

有同样的问题。

在我的情况下，问题是通过http：//

调用服务器文件

我通过将所有链接更改为https：//

来解决所有问题

图像加载到模拟器中但不在设备上？

2 个答案: