美文网首页
解决 UC 浏览器、微信浏览器使用 display:flex;

解决 UC 浏览器、微信浏览器使用 display:flex;

作者: Dimen_ | 来源:发表于2017-03-23 17:35 被阅读199次

在 Android 平台的 UC 浏览器和微信浏览器中使用 display: flex; 会出问题。
使用 display: flex; 的时候需要加上 display: -webkit-box;
使用 flex: 1; 的时候要加上:

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

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

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

相关文章

网友评论

      本文标题:解决 UC 浏览器、微信浏览器使用 display:flex;

      本文链接:https://www.haomeiwen.com/subject/erstottx.html