不确定屏幕大小的弹窗垂直居中（用了box方法）

<div class="pop_wrap">
            <div class="pop"></div>
</div>

.pop_wrap{
                display:-webkit-box;
                -webkit-box-align:center; /*上下对齐*/
                -webkit-box-pack:center;  /*左右对齐*/
                width:100%;
                height:100%;
                background-color: yellowgreen;
            }
    .pop{
                width:20rem;
                height:20rem;
                border:1px solid #e3e3e3;
                border-radius: 1rem;
                background-color: #f2f2f2;
            }