Safari 下拉菜单涵盖内容

【问题标题】：Safari dropdown menu covers contentSafari 下拉菜单涵盖内容
【发布时间】：2016-05-23 16:54:39
【问题描述】：

我的网站是www.denieuwekhl.nl，当 safari 设置为响应式并单击菜单时，下拉菜单会覆盖内容。你不能用 safari 检查，所以很难看出问题出在哪里。在我所有的其他浏览器上它都在工作。显示是块状的。

这是一个wordpress网站。我使用了插件 max mege 菜单。 Mabby 跟那个有关系吗？但我不这么认为。

【问题讨论】：

【解决方案1】：

Safari 无法识别height: unset。将height: unset 更改为height: auto 以解决此问题。

@media screen and (max-width: 1022px) and (min-width: 767px) {
   .site-header {
        height: auto;
    }
}

【讨论】：

【解决方案2】：

它不起作用，因为您为 .site 标头类编写了错误的 css 媒体查询：

@media screen and (max-width: 1022px) and (min-width: 767px){
 .site-header{
  height: auto;
  width: 79%;
  margin-right: 2%;
  margin-bottom: 5px;
 }

设置高度：自动；而不是高度：未设置；

【讨论】：