javascript - 如何设计一个响应式的左侧菜单

Question

页面布局如下

<nav></nav>
<container>
  <p class="menu"></p>
  <p class="main"></p>
</container>

需求是，menu最小高度是800px,当nav+main的高度小于窗口的时候menu自动填充满整个窗口，当nav+main的高度大于于窗口，也就是出现滚动条的时候，menu的高度等于main的高度。

Answer 1

用media啊

Answer 2

css media,
或者百度一下css媒体查询