Question

我有一个应用程序，该应用程序应连续显示其他组件。

我当前面临的问题是在以较小的分辨率显示页面时，没有启用滚动并且看不到所有组件-我只能看到第一行。

仍然不显示第二行！

Answer 1

由于body { overflow-y:hidden; }中的Login.css，您看不到自己的区块，而对于.App-body，您将min-height: 100vh;设置为.App-body “ overflow-y:hidden;”行。这就是为什么您只看到1行.App-body块的原因。而且，请永远不要在组件内部使用标签“ body”！

Answer 2

在App.css中为您的身体套用这行CSS，删除其他所有内容。请记住，overflow-y:hidden;会将您所有的内容隐藏在比框大的位置。我还建议您检查w3schoools example

或在您的Login.css中编辑

@import "../App.css";

body {
  /* overflow-y:hidden; */
}
@media only screen and (max-width: 960px) {
  body {
    overflow-y: scroll;
  }
}

对此

    @import "../App.css";

     body {
        max-height: 100vh;
        overflow-y: auto;
      }
   /* @media only screen and (max-width: 960px) {
      body {
        overflow-y: scroll;
      }
    }*/

仅为外部组件启用滚动条

2 个答案: