你们用 flex 布局吗?有没有碰到坑的?

2016-01-05 09:39:02 +08:00
 love
我正在撸的项目用了 flex ,因为 flex 有旧版和新版,还好二者同用不冲突。
不过貌似碰到了些问题。

比如旧版 flex 的容器不能 position: absolute ,否则 flex 失效,在弹出层里用 flex 还要外包容器很麻烦,你们碰到这问题了吗?
5163 次点击
所在节点    CSS
11 条回复
rayps
2016-01-05 10:01:32 +08:00
听说 Flex 在 Android 微信完全没法用?
love
2016-01-05 10:03:47 +08:00
@rayps 好象是吧,我不考虑微信。
love
2016-01-05 10:07:43 +08:00
找到原因了,原来 firefox 的旧 flex 实现不是按那个旧标准来的, box 元素会收缩而不是标准上的类 block 布局,而 webkit 则不会。 https://bugzilla.mozilla.org/show_bug.cgi?id=625694
解决办法是必需显式指定 width 和 height 。
chemzqm
2016-01-05 10:15:47 +08:00
flex 在 IE 上坑更多 http://caniuse.com/#flex
Aaaaaashu
2016-01-05 10:26:53 +08:00
不考虑微信和向后兼容,体验非常棒。
des
2016-01-05 10:37:35 +08:00
你确定不要兼容 IE. lol
Kilerd
2016-01-05 10:52:05 +08:00
t/236411 参考一下我发的贴
yunkou
2016-01-05 13:57:42 +08:00
@rayps 可以兼容的 -webkit-box
miniers
2016-01-05 16:30:32 +08:00
移动端体验一级棒,省了好多 js
桌面端想到 ie8 就呵呵呵呵了
love
2016-01-05 16:40:46 +08:00
@chemzqm 这不是问题,只需一个没坑的子集就完爆原先的方法了。只是不支持 IE8 ,不过 IE8 不是我的目标用户。
Troevil
2016-01-05 16:42:27 +08:00
体验很好 短短代码就能写出自适应布局 ,但是 兼容目前还是有待提高的

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

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

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

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

© 2021 V2EX