CSS 我怎样才能使这个高度响应？答案

【问题标题】：CSS How can I make this height responsive?CSS 我怎样才能使这个高度响应？
【发布时间】：2017-10-19 22:37:09
【问题描述】：

.wrapper {
  margin: 7%;
  height: 79vh;
  background-color: green;
  background-size: 300px;
}

<section class="wrapper">
  <h1>TEST</h1>
</section>

您可以看到它有点响应，但是当我将窗口关闭到 1200 像素以下时，顶部将比底部有更多的空白，我该如何解决这个问题？

我也使用了vh，但是定位有点脏。如果我没有高度，它只会显示第一个 <h1> 任何其他方式？

【问题讨论】：

Height 默认是响应式的……这个的主要思想是什么？垂直对齐绿色框？
你能告诉我们你想得到什么吗？

标签： html css height css-position

【解决方案1】：

这是你的想法吗？

.wrapper {
    position:absolute;
    top:50%;
    left:50%;
    height:60%;
    width:60%;
    background-color: green;
    transform:translate(-50%,-50%);
}

<section class="wrapper">
            <h1>TEST</h1>
</section>

【讨论】：