html - HTML 和 CSS 的大小调整和内容丢失问题

Question

我一直在接受前端导师的挑战。我为移动视图设置了 375 x 1502，它工作正常。但是当我将高度调整为 800 时，我的页面部分丢失了。它不像裁剪内容以适应屏幕。它为无法容纳的内容提供滚动条，但不是所有内容。我在潜伏什么？

这里是现场直播。尝试调整高度。 https://zeiyar-lynn.github.io/FM-002/

这是源代码。https://github.com/Zeiyar-Lynn/FM-002

标签： htmlcss

Answer 1

你只需要height改变min-height风格.main。

main{
    min-height: 100vh; /* CHANGE height to min-height */
    font-family: 'lexend deca', sans-serif;
    background-color: var(--secondary-color);
}