Ionic grid system is not working in android version< 4.4


#1

Hi,

I am using Ionic grid system in my app. In android version<4.4 its not showing up.
my template is like this:

<div class="row color-band">
    <div class="col-20 hight-adjust" style="background-color: #18b6c4;">
    </div>
    <div class="col-20 hight-adjust" style="background-color: #ed6728;">
    </div>
    <div class="col-20 hight-adjust" style="background-color: #34c217;">
    </div>
    <div class="col-20 hight-adjust" style="background-color: #e6393c;">
    </div>
    <div class="col-20 hight-adjust" style="background-color: #b93cc2;">
    </div>
  </div>

While debugging in android 4.4 device its showing the property of
col-20 as

.col-20 {
-webkit-box-flex: 0;
-webkit-flex: 0 0 20%;
-moz-box-flex: 0;
-moz-flex: 0 0 20%;
-ms-flex: 0 0 20%;
flex: 0 0 20%;
max-width: 20%;} 

But in android version <4.4 its showing the property of col-20 as

.col-20 {
-webkit-box-flex: 0;
max-width: 20%;
}

Please Help me.

N.B. :While debugging I found It is for the -webkit-flex property which is not present in version<4.4.


#2

Grid system with old android ( < 4.4) is buggy, but you can try with crosswalk.


#3

Thanks @fabioferrero. I will try crosswalk. But I presume It will increase my apk size. So I have to think that also.