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
可以先看看我写的兼容文章,有什么问题可随时沟通。
022021-10-28
相似问题