请问现在使用 flex 布局对浏览器的兼容如何?

2017-07-13 11:21:02 +08:00
 gdtv

我是非专业前端,但有时也要做一些前端的工作。
发现 flex 可以让 css 开发比以前简单一些。
请问现在主流的浏览器,包括但不限于电脑版的 chrome,firefox,ie9,edge,360 浏览器,360 极速浏览器,搜狗浏览器,以及安卓、iphone 自带浏览器、手机微信内置浏览器、手机 QQ 内置浏览器,对 flex 的兼容性如何?

10549 次点击
所在节点    CSS
6 条回复
SourceMan
2017-07-13 11:22:29 +08:00
gdtv
2017-07-13 11:39:54 +08:00
@SourceMan 这里似乎没有说到微信和 QQ 内置的浏览器
SourceMan
2017-07-13 11:43:42 +08:00
@gdtv #2 稍等,我用“腾讯 x5 内核 flex ” 帮你 Google 一下

结果出来了,在 x5 的更新历史里面发现是已经支持的
https://x5.tencent.com/tbs/history.html#/
caniuse
2017-07-13 13:24:11 +08:00
Click here
mandex
2017-07-13 14:47:37 +08:00
前不久做了个微信的项目,都是 flex 写的,安卓版的因为微信用的自己的 X5,一点问题都没有。
然后 iOS8 上挂了,因为它只支持不标准的 flex。我加了 css 处理器的,然而生成的代码并不完全兼容,抢救了一晚上。
总的来说,移动端用 flex 没有问题的。写的时候要注意。
lmqdlr
2017-07-13 14:55:15 +08:00
对于移动端,autoprefixer 补好前缀,记得 flex 下面的元素都是块元素或者设置为块就行了

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/375005

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX