我遇到一个问题，我在一页的末尾有空白。据我所知，没有元素占据空间。仅当视口设置为特定宽度时，才会显示该空间。例如，它出现在宽度940和400附近，但不是550或非常宽。
起初，我认为这是我固定的导航元素造成的，但我认为已经排除了这一点。有什么想法可能造成空间吗？它仅发生在一页上。
可以在这里找到整个网站：https://github.com/NuriAmari/gina-hsu-portfolio
位于https://nuriamari.github.io/gina-hsu-portfolio/
的演示有问题的页面是index.html。不知道如何更方便地发布我的代码，但是如果需要更改，请告诉我。预先感谢。
答案 0 :(得分：1)
只需从line-height: 50vw的{{1}}的{{1}}行中删除css的{{1}}属性。现在您可以走了。
答案 1 :(得分：0)
Phew，这需要一些挖掘。
问题似乎是由项目图块中的文本引起的。
在font-family: "Helvetica Neue", "Helvetica", "Open Sans", sans-serif; CSS选择器或任何影响您的图块的选择器中包含*（或任何字体系列集）会导致问题，因为这会使文本变大。
原因是因为在特定宽度下，文本会溢出两行，发疯，并导致多余的空白。
我假设您希望保持相同的font-family，您只需要弄混font-size: 5rem;选择器上的body .content #projects > div a。 3rem足以使其与所有内容兼容，直到达到移动大小为止，但是当然您可以使用媒体查询将其保持为所需大小，只要它不会分成两行即可（因为它也是如此）较大以适合图块大小）。我相信您知道，但是您可能需要整体上更改/固定这些图块中的文本
很高兴提供帮助，请告诉我您是否可以实现。
不过，为了将来参考，也许可以在您的问题后面多一点解释，但是我能够弄清楚。