【发布时间】：2020-07-15 22:28:22
【问题描述】：
如何修复我的 React/ElectronJS 视图的大小？
我有一个使用 React 的 ElectronJS 桌面应用程序。该视图由一个名为App 的 React 组件组成。我相信这就是所谓的根组件。当我运行我的程序时，我。 e. Electron 桌面应用程序，视图很好；该网站已按照我的意图呈现并完全适合窗口。
问题是当我添加另一个 React 组件作为 App 的子组件时，某些内容的大小会发生变化，因此我不喜欢的桌面应用程序窗口中会出现滚动条。这是因为某物的总大小增加了。我该如何防止这种情况？我应该为 HTML 正文或其他一些 HTML 元素定义一些最大尺寸，还是在 React 中有办法修复根组件的最大尺寸，或者我应该在这里寻找什么？
【问题讨论】：
-
您想隐藏溢出的内容，还是确保所有内容都适合您现有的尺寸，从而不隐藏任何内容？
-
@Erick 我希望所有内容都适合。
-
这听起来像是需要通过调整样式来完成的事情，这样内容就不会溢出您的特定应用程序。我认为没有万能的解决方案。
-
另一个选项，即隐藏溢出呢？ @埃里克
-
您可以通过在 CSS 中的根元素上添加
overflow: hidden来做到这一点。如果需要防止 1 轴溢出，请使用overflow-x或overflow-y属性。