解决UC浏览器、微信浏览器使用display:flex;的兼容性问题

在android平台的uc浏览器和微信浏览器中使用display: flex;会出问题。

使用display: flex;的时候需要加上display: -webkit-box;

使用flex: 1;的时候要加上:

 

1 2 3 4

-webkit-box-flex: 1;       -moz-box-flex: 1;         -ms-flex: 1;

 

使用align-items: center;的时候需要加上：-webkit-box-align: center;

使用flex-direction: column;的时候需要加上：

 

1 2 3 4

-webkit-box-orient: vertical; -moz-box-orient: vertical; box-orient: vertical;