Flexbox 布局的正确使用姿势

前端大全 · 公众号 · 前端 · 2017-07-06 20:30

文章预览

（点击上方公众号，可快速关注）作者：Leechikit segmentfault.com/a/1190000009932882 如有好文章投稿，请点击 → 这里了解详情在项目中，我们还会大量使用到flexbox的新旧属性，但大多数人一般只会写新属性，旧属性交由autoprefixer处理，但其实完成同样功能的新旧属性表现形式却不尽相同。还有部分人只使用“万能”的flex:number属性为伸缩项目分配空间，但有些特殊情景却无法满足，此文为此梳理了flexbox的新旧属性区别和分配空间的原理，为大家用flexbox布局的项目通通渠。 Flexbox兼容性 PC端的兼容性移动端的兼容性如上图，为了兼容IE10-11和Android4.3-，UC，我们仍需要使用Flexbox的旧属性。 Flexbox新旧属性 Flexbox的新属性提供了很多旧版本没有的功能，但是目前Android4.x和 ………………………………

原文地址：访问原文地址
快照地址：访问文章快照
总结与预览地址：访问总结与预览

分享到微博

推荐文章

龙视新闻联播 · 重点项目展新图｜生物制造赋能龙江

2 天前

龙视新闻联播 · 重点项目展新图｜生物制造赋能龙江

2 天前

姑苏市场监管 · 【视频】市监为青团“体检” 清明“食”节更安全

2 天前

姑苏市场监管 · 【视频】市监为青团“体检” 清明“食”节更安全

2 天前

前端之巅 · 一个8000行代码的开源项目，融了1700万美元：两人四天打造的Browser Use是如何闪电崛起的？

3 天前

江西公安 · 赣警防溺水小分队巡查记

2 天前

江西公安 · 赣警防溺水小分队巡查记

2 天前

安徽文明网 · 倡导文明殡葬树立文明新风

3 天前

安徽文明网 · 倡导文明殡葬树立文明新风

3 天前

金融业招聘官 · 社招 | 上海农商银行最新招聘（上海）

9 月前

功夫财经 · 实地体验了下墓景房，给我吓坏了

7 月前

Python开发 · 30 个Python代码实现的常用功能（附案例源码）

6 月前

河北交通广播 · 【992 | 气象】明天继续回暖，但厚衣服先别收！

1 月前