flex布局浏览器兼容性 flex布局不兼容ie怎么设置？

flex布局不兼容ie怎么设置？

以下浏览器支持flex layout

ie10、edge、Firefox 2、chrome 4、Safari 3.1

以下浏览器支持标准flex layout（无需添加私有属性前缀）

edge、Firefox 28、chrome 29、Safari 9

数据来自caniuse

因为flex layout兼容性不是很好，国内大部分网站都不得不考虑使用低版本浏览器，毕竟还是有很多人在使用老版本的操作系统。

然而，flex布局更多地用于移动终端的开发。手机上的浏览器大多是更高版本，可以支持浏览器的许多新功能。与以往的浮动、定位等布局方式相比，flex布局方式可以很容易地解决垂直居中等布局问题。

为何现在前端很少有网站使用FLEX布局？

事实上，要使多个浏览器与flexbox容器样式兼容，可以使用以下CSS样式来定义。柔性容器{显示：-moz-box/*火狐*/显示：-ms flexbox/*IE10*/显示：-webkit框/*野生动物园*/显示：-webkit flex/*Chrome，网络工具包*/显示：boxdisplay：柔性连接显示：flexwidth:100% 高度：100cm底色：灰色}

flex布局浏览器兼容性 flex兼容性 google永久免费的服务器

版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。