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

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

作者: 乡水情缘 | 来源:发表于2017-03-11 20:21 被阅读699次

    在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;

    欢迎更多开发者加qq 556120515 群进来交流

    相关文章

      网友评论

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

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