CODEWITHSUNDEEP
androidcsscordovaflexbox
xavier.seignard
xavier.seignard

Reputation: 11154

Flexbox setting for cordova on samsung galaxy tab + android 4.1.2

I'm struggling with flexbox css to style a cordova app on a galaxy tab + android 4.1.2

here is the css I use

.container {
    /*display: flex;
    display: -webkit-box;*/
    display: -webkit-flex;
    /*justify-content: space-between;*/
    -webkit-justify-content: space-between;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
}

and here is the result is the following

enter image description here

when I expect that

enter link description here

any idea why the css is different between the emulator and the real device?

thanks!

Upvotes: 2

Views: 2540

Answers (1)

xavier.seignard
xavier.seignard

Reputation: 11154

.container {
    display: -webkit-box;
    -webkit-box-pack: justify;
    width: 83%;
    margin-left: auto;
    margin-right: auto;
}

made the trick

Upvotes: 3

Related Questions