页面flex布局兼容性竟然这么差？大家一般怎么用它的？

最近在用flex布局写一个日历组件，在chrome上表现还可以，随手打开了firefox和ie，瞬间泪崩

下图依次为：chrome，firefox，ie。新装win10，浏览器都比较新，居然兼容性还这么差？

请问大家用flex布局写过网页，怎么解决兼容性问题，特别是产品，不是练习的。

写回答
好问题 0 提建议
追加酬金
关注问题
分享
邀请回答
编辑收藏删除结题
收藏举报

1条回答

关注

码龄粉丝数原力等级 --

被采纳

被点赞

采纳率
Go 旅城通票 2016-11-18 01:07
关注
ie11不支持flex布局，只有chrome和firefox支持，而且注意使用保留前置-moz

解决 1
无用
评论打赏
分享
举报

评论

按下Enter换行，Ctrl+Enter发表内容

报告相同问题？

关注问题

大家平时写网页，用flex布局多吗？兼容性问题？ css3 html5 前端
2016-11-08 13:33

回答 2 已采纳 ![图片说明](https://img-ask.csdn.net/upload/201611/08/1478612084_388544.png) 看需求，ie 9 以前不兼容。图上是兼容flex的属
前端 | 关于flex布局 css3 前端前端框架有问必答
2022-03-09 20:53

回答 3 已采纳 .outer>div加个高度就不会撑开，不然flex布局高度自适应的时候，高度会根据内容撑开 .outer>div{ width:200px;
如何用flex布局输出5点骰子？ css
2021-07-30 09:24

回答 2 已采纳 ```html <div class="box"> <div class="row"> <span class="item"></span&g
flex 布局的浏览器兼容性方案
2020-09-05 16:40

奔跑的狗子的博客 flex 布局在目前前端开发中使用到的概率还是蛮大的，尽管它从诞生到现在已经经历了 N 年了，但是从个人的工作圈子来看，有很多人其实对 flex 布局的理解还是很表面，比如一味地使用 flex: 1 或者 flex: auto 等，...
flex布局中宽度自适应？高度为何不能自适应？ html5
2021-03-24 09:13

回答 2 已采纳采用flex布局后，box中的所有子元素div自动成为容器成员，你设置了flex-wrap属性为：wrap，元素的布局就会变成类似于这样了：你想变成自上而下的样式，有个flex-directi
前端布局的flex问题前端
2021-09-12 09:31

回答 1 已采纳现在我清楚flex布局侧轴有什么用了，不用各位了，但为了我下次提问，又要我采纳这个问题的答案才可以提问题，我采纳自己的答案
react使用ant design mobile V5.22.0里的Flex布局组件报错？ javascript react.js 前端
2022-09-07 21:16

回答 2 已采纳那说明你的 ui库版本不支持 flex组件。你是哪个版本？似乎只有 v2 支持。而且我看了一下 flex组件不是必须的。自己用 css也能实现就是一个 flex 布局
grid布局与flex布局之间的孰是孰非？
2023-04-26 15:09

fzecong的博客，适用于比较复杂的布局场景，如网格布局、多栏排版等，它可以划分出不同区块，进行更加精细的布局，具有高度自适应性和可读性，且在处理大量信息和多种布局的时候表现比较优秀。Flex 布局和 Grid 布局都是现代 CSS ...
flex布局需要学习么，上下左右如何居中的？ css 前端有问必答
2022-01-19 00:56

回答 4 已采纳可以肯定的回答你是需要的，而且是必须的呢；在前端开发中会遇到很多数据化大屏的开发，大都使用flex布局去开发的；水平居中和垂直居中两种属性。其两种属性分别为： justify-content 、 al
flex布局时，盒子如何由内容撑开？ html html5 前端
2022-05-09 11:01

回答 1 已采纳图片丢失，请补一下图片
为何flex布局下的文字出现错位以及无法居中？ css html5
2020-04-23 11:21

回答 1 已采纳 1 #subline 添加 text-align: center; 2 #left_content 删除 line-height: 20%;
web前端开发—Flex布局
2023-05-08 22:11

前端挣扎的鱼的博客 Flex布局目标：能够使用Flex布局模型灵活、快速的开发网页1思考（1）多个盒子横向排列使用什么属性？浮动（2）设置盒子间的间距使用什么属性？margin（3）需要注意什么问题？浮动的盒子脱标（4）体验flex布局，使用...
html使用flex布局，实现两列每行根据图片高度自适应，并且均匀排序，代码不生效或是错误 html 前端
2022-07-25 11:41

回答 3 已采纳直接使用瀑布流布局。
前端兼容性
2022-12-03 14:20

隔壁老陈56的博客浏览器兼容、屏幕分辨率兼容性和跨平台兼容性。
前端：flex布局兼容性问题
2019-09-17 23:33

chouchilei5210的博客一.W3C各个版本的flex 2009 version 标志：display: box; or a property that is box-{*} (eg. box-pack) 2011 version 标志：display: flexbox; or the flex() fu...
没有解决我的问题, 去提问

悬赏问题

¥15 C++ 头文件/宏冲突问题解决
¥15 用comsol模拟大气湍流通过底部加热（温度不同）的腔体
¥50 安卓adb backup备份子用户应用数据失败
¥20 有人能用聚类分析帮我分析一下文本内容嘛
¥15 请问Lammps做复合材料拉伸模拟，应力应变曲线问题
¥30 python代码，帮调试
¥15 #MATLAB仿真#车辆换道路径规划
¥15 java 操作 elasticsearch 8.1 实现索引的重建
¥15 数据可视化Python
¥15 要给毕业设计添加扫码登录的功能！！有偿