Html 如何确定React/ElectronJS视图的大小？ 如何确定React/ElectronJS视图的大小？

我有一个使用React的ElectronJS桌面应用程序。该视图由一个名为

App

的React组件组成。我相信这就是所谓的根组件。当我运行我的程序时，我。E电子桌面应用程序，视野好；该网站是渲染，并适合在窗口内很好，因为我打算

---

问题是，当我添加另一个React组件作为

应用程序的子组件时，某个组件的大小会发生变化，从而在我的桌面应用程序窗口中出现一个我不喜欢的滚动条。这是因为某物的总尺寸增加了。我如何防止这种情况？我是否应该为HTML正文或其他HTML元素定义一些最大维度，或者是否有办法修复根组件的最大大小，或者我应该在这里寻找什么？
我自己的问题解决方案：

在CSS中定义根组件的最大和最小高度，即。E高度属性。
我自己的问题解决方案：

在CSS中定义根组件的最大和最小高度，即。E
height
属性。
是否要隐藏溢出的内容，或者确保所有内容都符合您现有的维度，这样就不会隐藏任何内容？@Erick我希望所有内容都符合您的维度。这听起来像是需要通过调整样式来完成的，这样内容就不会溢出到您特定的应用程序中。我不认为有一个一刀切的解决方案。那么另一个选择呢，即隐藏溢出@ErickYou可以通过在CSS中的根元素上添加
overflow:hidden
来实现这一点。如果需要防止在1轴上溢出，请使用
overflow-x
或
overflow-y
属性。是否要隐藏溢出的内容，或者确保所有内容都符合您现有的维度，这样就不会隐藏任何内容？@Erick我希望所有内容都符合您的维度。这听起来像是需要通过调整样式来完成的，这样内容就不会溢出到您特定的应用程序中。我不认为有一个一刀切的解决方案。那么另一个选择呢，即隐藏溢出@ErickYou可以通过在CSS中的根元素上添加
overflow:hidden
来实现这一点。如果需要防止在1轴上溢出，请使用
overflow-x
或
overflow-y
属性。