IE的兼容问题

来源:5-2 定义网格及fr单位

人生的起源

2021-10-25

发现flex在IE10下不支持,如果想兼容IE10,要怎么做才能代替flex的效果?

写回答

1回答

西门老舅

2021-10-25

IE10是支持的,只是支持程度没那么好而已,可以查看:https://caniuse.com/?search=flex

部分支持,所以需要添加浏览器前缀 -ms- 即可,举例:

.box{

    display: -webkit-box;

    display: -webkit-flex;

    display: -moz-box;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

       -moz-box-pack: center;

        -ms-flex-pack: center;

            justify-content: center;

}

这些可以通过postcss的Autoprefixer自动添加浏览器前缀来完成,可参考:https://www.imooc.com/article/321039

可以先看看我写的兼容文章,有什么问题可随时沟通。


0
2
西门老舅
回复
人生的起源
不客气的
2021-10-28
共2条回复

前端内功修炼 5大主流布局系统进阶

前端内功修炼:5大主流布局系统进阶

760 学习 · 239 问题

查看课程