前端之家收集整理的这篇文章主要介绍了
reactjs – React – 组件全屏(高度100%),
前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
@H_
301_0@
我坚持要
显示一个名为“home”的React组件,它占据屏幕高度的100%。
无论我使用CSS还是React内联样式,它都不起作用。
在下面的示例中,html,body和#app设置为CSS:100%的高度。对于.home,我使用了内联样式(但无论我使用CSS还是内联样式都是一样的):
该问题似乎来自< div data-reactroot data-reactid ='1'>未设置高度:100%。
如果我使用Chrome开发者工具攻击它,它的工作原理是:
那么在React中显示全高度组件的正确方法是什么?
欢迎任何帮助:)