android 2.x-4.3.x phonegap没有't支持flexbox css3
android 2.x - 4.3.x phonegap doesn't support flexbox css3
我正在用phonegap开发和应用程序。我想在我的游戏场上使用flexbox,但我有这个问题:
Chrome,Mozilla,安卓4.4-https://i.stack.imgur.com/1aunA.jpg
android-2.x-4.3.x-https://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上,您可以使用旧的flexbox和IE10中的2012语法。
Automagic解决方案
如果您想自动设置前缀和旧的/2012语法,可以使用autoprefixer。
如果你使用grunt或gullow,你可以自动为你的工作流程添加前缀。
相关文章:
- jQuery-2.1.1.min.js或最新版本jQuery-2.13.min.js不会't支持'@
- jQuery检测浏览器是否支持Zoom
- 错误:对象没有't支持'自动完成'
- EmberJS中支持单字母单词模型
- javascript中的命名空间,IDE中支持代码完成/内容辅助's
- Internet Explorer缺少占位符支持,特别是密码字段
- 为什么我得到错误IE修剪方法是't支持
- 任何浏览器都不支持javascript函数
- GTK百老汇支持同时连接
- CSS3卡翻转动画,检测是否不支持
- android 2.x-4.3.x phonegap没有't支持flexbox css3
- CSS3属性display:box/display:flexbox是否有交叉浏览器(IE7-8)支持的js文件
- IE9支持过渡CSS3效果吗
- BootStrap -模型绑定和HTML5/CSS3支持
- 使用JavaScript检查浏览器是否支持css3和/或HTML5属性
- IE9 CSS3属性已应用,但不受支持
- 如何使绘图效果产生动画效果?(最好只支持css3)
- JS框架下的CSS3 translate3d,动画支持
- 如何使用CSS3转换整个页面,并支持IE8, IE9
- 如何检查浏览器是否支持css3