android股票浏览器上的flexbox答案

【问题标题】：flexbox on android stock browserandroid股票浏览器上的flexbox
【发布时间】：2014-05-20 03:23:06
【问题描述】：

几个月前第一次遇到这个问题，但不记得我是如何解决的。

得到了一个在任何地方都可以正常工作的 flex 盒子，除了 android 股票浏览器。实际上，它在水平方向上运行良好，但在媒体查询中拒绝垂直方向。

这里是 CSS

@media screen and (max-width:1023px) {
.newheadwrap {
flex-direction:column !important;
-webkit-box-orient: vertical;
}

.newheadwrap {
-o-display:flex;
-webkit-display:flex;
-ms-display:flex;
-moz-display:flex;
display:-webkit-box;
display:-webkit-flex;
display:flex;  
flex-direction:row;
max-width:966px;
margin:0 auto;
}

【问题讨论】：

标签： android css flexbox

【解决方案1】：

我从

开始

-webkit-box-orient: vertical;

Android 股票浏览器采用旧的弹性框语法。只是忘记了！重要

-webkit-box-orient: vertical !important;

搞定了

【讨论】：