flexbox funktioniert nicht (die Bestellung) auf iOS

Ich habe eine <ul> die mehrere Liste-alle Elemente, die ein Bild enthält. Die <ul> zeigt horizontal auf größeren Bildschirmen, aber auf mobilen zeige ich die list-Element-2 von 2. Ursprünglich habe ich diese mit float:left; width: 50%; auf die Liste gesetzt-Element ist, das hat Super funktioniert. Aber die Bilder sind logos und alle anderen Größen, die es nicht gut aussah, also habe ich beschlossen, flexbox, um die Reihenfolge der Liste-Element ist also das Bild angeordnet waren anders und sah einfach besser aus. Meine CSS liegt unter:

ul {
    overflow: hidden;
    display: -webkit-box;   /* OLD: Safari,  iOS, Android browser, older WebKit browsers.  */
    display: -moz-box;      /* OLD: Firefox (buggy) */
    display: -ms-flexbox;   /* MID: IE 10 */
    display: -webkit-flex;  /* NEW, Chrome 21?28, Safari 6.1+ */
    display: flex;
    -webkit-flex-flow: row wrap;
    -moz-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
}

li {
    display: block; 
    margin: 0 0 @baseline/2 0;
    padding: 0;
    text-align: center;
    width: 50%;
}

li:nth-child(1) {order: 1;}
li:nth-child(2) {order: 2;}
li:nth-child(3) {order: 4;}
li:nth-child(4) {order: 3;}
li:nth-child(5) {order: 5;}
li:nth-child(6) {order: 6;}
li:nth-child(7) {order: 7;}

li:last-child {
    clear: left;
    float: none;
    margin: 0 auto;
}

Habe ich float:left; auf der Liste-Element ist, aber ich nehme an, flexbox nicht notwendig sein, wenn flex-flow: row wrap eingestellt ist ...oder zumindest sollte es das nicht?

Den obigen CSS funktioniert gut auf meinem iMac in Chrome, Firefox und Opera. In Safari, wenn auch und auf IOS (Safari) werden die Elemente nicht neu geordnet.

Dachte ich, das Werk auf den neuesten Browsern, insbesondere auf webkit-und iOS - kann jemand etwas Licht in diese Schuppen?

Dies ist, wie die logos angezeigt wird, wenn richtig funktioniert...

Und dies ist, wie Sie die Anzeige auf Safari/iPhone - können Sie sehen, die Bestellung ist anders (falsch - die Reihenfolge der mark-up)...

Dank, freue mich auf Ihre Antwort!