javascript - 如何创建垂直响应的网页？

Question

我正在尝试创建单页网页，但问题是我使用 margin-top 和 em 来垂直间隔一些元素。在某些屏幕上，它被向下推得太多而超出视野，迫使用户向下滚动。这是我不能接受的。我尝试使用媒体查询，但问题是使用 screen only 并不总是有效，因为选项卡、地址栏、书签栏等也会占用空间。我只是对如何做到这一点感到困惑。请帮忙。

Answer 1

如果你分享了代码，我就会得到清晰的图片。无论如何，遵循 css 应该可以帮助您拥有一个高度与窗口一样长的容器/包装器，并且容器内的所有元素都将垂直和水平放置在中心。

.container {
    height: 100vh;
    display:flex;
    flex-direction: column;
    align-items: center;   //center vertically
    justify-content: center;  //center horizontally
}