display:flex 向下兼容写法

[hoythan]

安卓机上的口碑 APP 内嵌网页完全不支持 flex 写法,甚至 display:box 也不支持,只能改为 display:block.

那么在 css 上应该如何写兼容写法?

我写了

dislpay:block;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

没用...

写下面又会导致都变成 Block 了,巨麻烦

[newbieooOO]

你需要 Modernizr 和 Autoperfixer

[murmur]

display:-webkit-box;

display: -webkit-flex;

display: flex;

-webkit-box-flex: 1;

-webkit-flex: 1;

flex: 1;

-webkit-flex-flow: row;

flex-flow: row;

线上我们用的这个版本 4.2 是可以支持的 安卓 4 以下就没试

[murmur]

内嵌页面就老实用流式布局 你还想嵌出一个 app ？纯贴图都够了

[hoythan]

@newbieooOO Autoperfixer 不能用.


@murmur 也不行.

内嵌的是 UC1.0 版 浏览器 解决办法就是不用 Autoperfixer 自己写成以下格式:

display: -webkit-box;
dislpay:block;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;

然后里面的用 float 替代.