Mac Safari DIVs 高度大于其他浏览器答案

【问题标题】：Mac Safari DIVs height is larger than other browersMac Safari DIVs 高度大于其他浏览器
【发布时间】：2019-12-08 20:55:22
【问题描述】：

我遇到了一个只有 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%; 
}

【问题讨论】：

请发送css代码？
你使用meyerweb.com/eric/tools/css/reset吗？
@MrLine 不，我没有
您的 Safari 浏览器版本？同时您可以尝试删除css块中的那些cmet并再次检查
Safari 版本 12.1.2

标签： html css macos flexbox height

【解决方案1】：

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

这是 safari 的解决方法。

【讨论】：