我喜欢制作没有任何滚动的单页网站，然后调整内容的最大/最小宽度/高度，使其在任何设备上看起来都很好。
以前，我将通过执行以下操作来完成此操作：
html, body, #react-container, #react-container > div {
height: 100%;
width: 100%;
overflow: hidden;
}
（（末尾额外的＃react-container> div用于BrowserRouter中的div）
这使我能够以这样一种方式来制作组件，即每个组件的高度和宽度都占其父组件的百分比，因此无论设备如何，所有组件都可以放在一页上。
我想知道是否有更好的方法可以使用语义UI反应。
我仔细阅读了他们的文档，但是找不到任何可以自动适合页面的元素。
理想情况下，我可以接受一个元素，使其适合页面属性，然后调整该元素的所有子元素的大小，以免它们溢出父元素。
是否有比我上面的方法更好的方法？