您现在的位置是:网站首页> 编程资料编程资料

多浏览器兼容flexbox容器的样式代码浅谈原生页面兼容IE9问题的解决方案新版chrome浏览器设置允许跨域的实现css hack之\9和\0就可能对hack IE11\IE9\IE8无效css区分ie8/ie9/ie10/ie11 chrome firefox的代码解决CSS浏览器兼容性问题的4种方案常见的浏览器兼容性问题(小结)border-radius IE8兼容处理的方法浅谈遇到的几个浏览器兼容性问题base64图片在各种浏览器的兼容性处理 对常见的css属性进行浏览器兼容性总结(推荐)

2021-09-07 1216人已围观

简介 不同浏览器对于flexbox的定义有所不同,这也是所有从事类似职业伙伴们所头痛的问题,本文将详细介绍,需要的朋友可以参考下

不同浏览器对于flexbox的定义不同

复制代码
代码如下:

.flex-container {
display: -moz-box; /* Firefox */
display: -ms-flexbox; /* IE10 */
display: -webkit-box; /* Safari */
display: -webkit-flex; /* Chrome, WebKit */
display: box;
display: flexbox;
display: flex;
width: 100%;
height: 100%;
background-color: gray;
}

相关内容

-六神源码网