Android上浏览器中未显示的图像

我目前正在开发一个网站，当然，它也需要响应。在iOS和Android上，一切都正常工作，除了他没有在Android上的幻灯片中显示三个特定的图像（在三星S5、S3、Galaxy Tab 3/棒棒糖、果冻豆/默认浏览器、Chrome上测试）。他确实展示了其余的图像

我通过JS添加这些图像作为右div的背景图像：

        $('.header__slideshow--frame').each(function (index) {
            $(this).css({
                'width': slider.parts.header.width(),
                'background-image': 'url(' + (dir + slider.images.links[index]) + ')'
            });
        });

其中，框架的样式为：

    .header__slideshow {
        position: relative;
        overflow: hidden;
        left: 0;
        height: 102%;
        z-index: -1000;
        margin-top: -15em;
        background: $greyOne url('../images/slider-placeholder.png') no-repeat center 35%;

        .header__slideshow--frame {
            float: left;
            height: 100%;
            background-repeat: no-repeat;
            background-position: bottom center;
            background-size: cover;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
        }
    }

所有图像都是.jpg格式，不超过260KB，最大宽度为1600px，如果我直接通过浏览器打开它们，他就会显示出来

我已经尝试更改图像的（最大）高度、（最大）宽度、位置、z索引、完整路径，将它们添加为.png，删除背景“cover”属性等等

有人对调试此类问题有什么想法、建议或提示吗

---

提前谢谢

找到了答案！我为平板电脑和手机添加了不同的图像，就像这样

        var dir = this.images.base;
        if (isTablet) dir += 'tablet/';
        if (isPhone) dir += 'phone/';

---

但是JavaScript将该网站识别为Android手机和平板电脑，因此他添加了一个类似“images/tablet/phone/…”的路径。

检查图像的路径是否正确，一种方法是尝试在计算机浏览器而不是手机上加载页面。查看LogCat调试信息，查看是否引发了任何异常，例如outofmemory异常。感谢您的回答-我确信路径是正确的，我一定会尝试使用LogCat信息进行调试。但仍然很奇怪，他在所有的iOS设备上都加载了它们，而不是在Android设备上——对吗？它也可能与CSS有关吗？