Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Android 4.4.2上使用flexbox时出现的问题_Android_Html_Cordova_Flexbox_Android 4.4 Kitkat - Fatal编程技术网

Android 4.4.2上使用flexbox时出现的问题

Android 4.4.2上使用flexbox时出现的问题,android,html,cordova,flexbox,android-4.4-kitkat,Android,Html,Cordova,Flexbox,Android 4.4 Kitkat,我继承了一些使用Cordova在iOS中运行良好的flexbox代码。我们现在正试图部署到Android,支持KitKat及以上版本 我有一些flexbox代码在Android 4.4.4、5.X和6.X中运行良好,但在4.4.2中失败。我有一台运行4.4.2的HTC One Mini,并在亚马逊设备场的其他两台4.4.2机器上进行了尝试。我在4.4.2中读到flexbox存在一些已知问题,但没有提出解决方案 当我在4.4.2上运行此代码时,swiper容器中没有显示任何内容。在其他版本(和iO

我继承了一些使用Cordova在iOS中运行良好的flexbox代码。我们现在正试图部署到Android,支持KitKat及以上版本

我有一些flexbox代码在Android 4.4.4、5.X和6.X中运行良好,但在4.4.2中失败。我有一台运行4.4.2的HTC One Mini,并在亚马逊设备场的其他两台4.4.2机器上进行了尝试。我在4.4.2中读到flexbox存在一些已知问题,但没有提出解决方案

当我在4.4.2上运行此代码时,swiper容器中没有显示任何内容。在其他版本(和iOS)上,我会得到一张图片,然后可以通过滑动查看其他图片

任何想法都将不胜感激

  • 乔恩
以下是我的flexbox css:

.swiper-slide {
    margin: auto;
    text-align: center;
    font-size: 18px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

#swiperPic1 {
    background-image:url(../assets/screen-1.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#swiperPic2 {
    background-image:url(../assets/screen-2.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#swiperPic3 {
    background-image:url(../assets/screen-3.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

#swiperPic4 {
    background-image:url(../assets/screen-4.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}