Safari回落100vh

Question

我遇到的问题是100vh属性在Safari中无法识别，但无法找到适合我的解决方案。这是我尝试过的：

CSS

  .section {
    height: calc(100% - 82px); /* Fallback for safari */
    height: -webkit-calc(100% - 82px);
    height: calc(100vh - 82px);
    height: -webkit-calc(100vh - 82px);
  }

HTML

  <section id="landing" class="section" style="background-color: red">
  </section>

  <section id="about" class="section" style="background-color: blue">
  </section>

这在Chrome中运行良好，但在Safari中完全没有。有没有一种简单的方法可以用CSS做到这一点，还是用jQuery这么简单？

DEMO