reactjs – React – 组件全屏(高度100%)

前端之家收集整理的这篇文章主要介绍了reactjs – React – 组件全屏(高度100%)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我坚持要显示一个名为“home”的React组件,它占据屏幕高度的100%。
无论我使用CSS还是React内联样式,它都不起作用。

在下面的示例中,html,body和#app设置为CSS:100%的高度。对于.home,我使用了内联样式(但无论我使用CSS还是内联样式都是一样的):

该问题似乎来自< div data-reactroot data-reactid ='1'>未设置高度:100%。

如果我使用Chrome开发者工具攻击它,它的工作原理是:

那么在React中显示全高度组件的正确方法是什么?

欢迎任何帮助:)

它让我烦恼好几天了。最后我使用CSS属性选择器来解决它。
[data-reactroot] 
        {height: 100% !important; }

猜你在找的React相关文章