android - android 股票浏览器上的 flexbox

标签 android css flexbox

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

有一个 flex box,除了 android stock 浏览器外,在任何地方都可以正常工作。实际上,它在水平方向上工作得很好,但拒绝在媒体查询上进行垂直方向。

这是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;
}

最佳答案

我从

开始
-webkit-box-orient: vertical;

Android stock 浏览器采用旧的 flex box 语法。只是忘了做!重要

-webkit-box-orient: vertical !important;

开始了

关于android - android 股票浏览器上的 flexbox,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23745344/

相关文章:

android - 在 build.gradle 上添加存储库的位置和原因

javascript promise 不会嵌套并返回使用 firebase 云函数的通知错误

css - css 中的 float 属性是否也需要 clear 属性?

html - 如何使元素的内容框适合其内容的字体大小

html - 如何删除内联/内联 block 元素之间的空间?

android - 切换到 appCompat 和 v4 到 23.0.1 后 DrawerLayot 组件出现异常

android - 为 BlackBerry 重新打包 .apk - 签名和发布

javascript - CSS 悬停一个 div 并影响其兄弟的 child

javascript - html/css : center buttons in a div

css - 如何在 flexbox 中将内容对齐到中心