JavaScript-Android 2.x-4.3.x phonegap不支持flexbox css3_app

概述我正在开发带phonegap的应用程序.我想在运动场中使用flexbox,但是我遇到了以下问题：Chrome,Mozilla,Android4.4-http://i.stack.imgur.com/1aunA.jpg安卓-2.x-4.3.x-http://i.stack.imgur.com/yqIf0.jpgplayfield{width:408px;height:408px;margin:0px;paddi

我正在开发带phonegap的应用程序.我想在运动场中使用flexBox,但是我遇到了以下问题：

Chrome,Mozilla,Android 4.4-http://i.stack.imgur.com/1aunA.jpg

安卓-2.x-4.3.x-http://i.stack.imgur.com/yqIf0.jpg

  playfIEld {  wIDth: 408px;  height: 408px;  margin: 0px;  padding: 0px;  margin-left: auto;  margin-right: auto;  display: -webkit-Box;  display: -moz-Box;  display: -o-Box;  display: -ms-flexBox;  display: -webkit-flex;  display: flex;  -webkit-flex-wrap: wrap;  -moz-flex-wrap: wrap;  -o-flex-wrap: wrap;  -ms-flex-wrap: wrap;  flex-wrap: wrap;  -webkit-Box-pack: space-around;  -moz-Box-pack: space-around;  -ms-flex-pack: space-around;  -webkit-justify-content: space-around;  justify-content: space-around;}playitem {  wIDth: 100px;  height: 100px;  margin: 0px;  padding: 0px;  background-color: #EEEEEE;  border-collapse:   -webkit-flex-shrink: 0;  -moz-flex-shrink: 0;  -o-flex-shrink: 0;  -ms-flex-shrink: 0;  flex-shrink: 0;  -webkit-flex-grow: 0;  -moz-flex-grow: 0;  -o-flex-grow: 0;  -ms-flex-grow: 0;  flex-grow: 0;  line-height: 100px;  text-align: center;  color: #EEEEEE;}

请帮我解决这个问题;(

解决方法:

支持现代的本地移动浏览器

您现在可以在大多数本机移动浏览器上使用现代的flexBox语法,这意味着它也可以在phonegap视图中使用.

较早的本机移动浏览器

在AndroID 4.1、4.3,Safari 5.1上,您可以使用old flexbox,在IE10中可以使用2012 syntax.

自动魔术解决方案

如果要自动设置前缀和old / 2012语法,可以使用autoprefixer.

如果使用grunt或gulp,则可以自动在工作流程中添加前缀.

总结

以上是内存溢出为你收集整理的JavaScript-Android 2.x-4.3.x phonegap不支持flexbox css3全部内容，希望文章能够帮你解决JavaScript-Android 2.x-4.3.x phonegap不支持flexbox css3所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。