请问现在使用 flex 布局对浏览器的兼容如何？
· 245 天前 · 2716 次点击
我是非专业前端，但有时也要做一些前端的工作。
发现 flex 可以让 css 开发比以前简单一些。
请问现在主流的浏览器，包括但不限于电脑版的 chrome,firefox,ie9,edge,360 浏览器,360 极速浏览器,搜狗浏览器，以及安卓、iphone 自带浏览器、手机微信内置浏览器、手机 QQ 内置浏览器，对 flex 的兼容性如何？
6 回复 &| &直到
14:55:15 +08:00
& &245 天前
& &245 天前
@ 这里似乎没有说到微信和 QQ 内置的浏览器
& &245 天前
@ #2 稍等，我用“腾讯 x5 内核 flex ” 帮你 Google 一下
结果出来了，在 x5 的更新历史里面发现是已经支持的
& &245 天前
Click here
& &245 天前
前不久做了个微信的项目，都是 flex 写的，安卓版的因为微信用的自己的 X5，一点问题都没有。
然后 iOS8 上挂了，因为它只支持不标准的 flex。我加了 css 处理器的，然而生成的代码并不完全兼容，抢救了一晚上。
总的来说，移动端用 flex 没有问题的。写的时候要注意。
& &245 天前
对于移动端，autoprefixer 补好前缀，记得 flex 下面的元素都是块元素或者设置为块就行了
& · & 780 人在线 & 最高记录 3541 & · &
创意工作者们的社区
World is powered by solitude
VERSION: 3.9.8.0 · 55ms · UTC 18:40 · PVG 02:40 · LAX 11:40 · JFK 14:40? Do have faith in what you're doing.他的最新文章
他的热门文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)flex chrome浏览器调试出现空白的解决方法
转载 & & 作者：
flex浏览器调试出现空白，原因是谷歌有个默认的flash播放器，只要将默认的播放器禁用，留下新安装的插件，就OK了
flex 4 在 chrome中调试时，空白，原因是谷歌有个默认的flash播放器，只要将默认的播放器禁用，留下新安装的插件，就OK了，只要在浏览器地址栏中，输入：“chrome://plugins/"，会看到flash player有两个文件，点击查看详细，将chrome下面的关闭就ok了。
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
看了一篇flex的文章如获至宝，然后运用到项目中。测试的时候别人的的手机都没有问题，但我手机用uc打开之后布局就没有起作用，不知是uc不支持display：flex吗？那打击也太大了，代码如下
display: -webkit-
width: 97.5%;
margin: 12px auto 0;
flex-wrap:
-webkit-flex-wrap:
justify-content: space-
-webkit-justify-content: space-
width: 49%;
margin-bottom: 7
还有这个是嵌套的flex布局
width: 97%;
margin: 15
display: -webkit-
font-size: 1.8
padding: 12px 8
background-color: #0e67
flex-grow: 1;
-webkit-flex-grow: 1;
background-color: #e0e0e0;
div ul li{
width: 25%;
font-size: 1.4
color: #000;
text-align:
请大家帮忙看看？
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
首先所有 webkit 内核的浏览器（包括移动端）都支持 flex 布局，只不过一些浏览器只支持旧语法，如：display: -webkit-box 这样。我估计 UC 支持的是旧语法。
旧语法和标准的 flex 语法有较大区别，需要做好兼容。不过好消息是，你可以来使用
来自动处理这些兼容性问题，而你只需要写标准的语法就好了。
以我的个人经验来讲，旧语法中除了没有 flex-wrap 对应的属性外，其他的都可以找到对应的表示方法。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
其实用table cell 也是一样的好用。支持的更好。
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
为了解决flex的兼容性问题，以及快速上手，我开发了flex.css。目前已经在众多项目中使用，楼主可以试试，兼容微信和UC：
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
给的链接已经不存在了啊
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。}