英雄弹性项目在IE11中重叠

Question

＆＃13;

＆＃13;

plot(table(db[is.na(db$app_version),"Date"]),type="l")

＆＃13;

.fill-viewport-50 {
  min-height: 50%;
  min-height: 50vh;
}

.navigation-bar {
  display: flex;
  padding-top: 2rem;
  margin-bottom: auto;
  height: $navigation-bar-height;
  justify-content: flex-end;
}

.hero-content {
  margin-top: -$navigation-bar-height;
  margin-bottom: auto;
}

#header .container {
  flex-direction: column;
  justify-content: center;
}

＆＃13;

＆＃13;

＆＃13;

Chrome＆amp;其他浏览器

Internet Explorer 11

有没有人有任何想法？不太清楚这里出了什么问题。

Answer 1

我设法通过将.fill-viewport-50类应用到.hero-content行而将min-height更改为height来修复IE11 +。