uni-app打包后按钮显示问题

Question

前端界面样式在pc上显示没有问题，通过uni-app打包安卓后，按钮这块为什么无法平均分布？

pc：

安卓：

代码段：

.btn {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: .75rem 0 0;
    justify-content: center;
}

.btn .button{
    flex: 1;
    text-align: center;
    font-size: .9rem;
    font-weight: 600;
    padding: .5rem;
    position: relative;
    }

打包安卓后有什么兼容问题存在？

Answer 1

加上 -webkit- 兼容

.btn {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: .75rem 0 0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.btn .button {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    text-align: center;
    font-size: .9rem;
    font-weight: 600;
    padding: .5rem;
    position: relative;
}