多浏览器兼容flexbox容器的样式代码
网站建设 2023-01-28 20:49www.1681989.com免费网站
不同浏览器对于flexbox的定义不同
.flex-contaer {
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;
}
复制代码
代码如下:.flex-contaer {
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;
}