Mac Safari DIV的高度大于其他浏览器

Question

我遇到的只是MAC问题，我正在使用flexbox来组织我的代码，但是即使在我的CSS代码中添加了-webkit-，某些div在Safari浏览器中也会变得越来越大。

CSS

.appt-row { 
    display: -webkit-box; 
    display: -moz-box;  
    display: -ms-flexbox;  
    display: -webkit-flex; 
    display: flex; 
    width: 100%; 
    height: 100%; 
    -webkit-box-direction:normal; 
    flex-direction: row; 
    text-align: justify; 
    margin-bottom: 3%; 
}

Answer 1

 @supports (-webkit-overflow-scrolling: touch) {
     specific safari css code...
 }

这是野生动物园的解决方法。