jquery - 根据视口(viewport)高度动态添加顶部填充

Question

我正在尝试根据视口(viewport)高度为“子”div 动态设置内边距，以便顶部内边距为视口(viewport)高度的 5%。

<div id="about-us">Some content
 <div class="child">Other content</div>
</div>

Fiddle

Answer 1

您可以使用基于视口(viewport)高度的单位 vh:info

.child {
  padding-top: 5vh;
}