Javascript 全屏组件_Javascript_Html_Css_Reactjs

Javascript 全屏组件

javascript html css reactjs

Javascript 全屏组件,javascript,html,css,reactjs,Javascript,Html,Css,Reactjs,我现在正在开发这个组件，它的大小必须是全屏的。但是我不想为这个组件编写外部CSS，因为它是一个非常大的项目的一部分，所以这是一个单一的组件，你有什么建议吗？提前谢谢解决直接在组件上的组件中使用100vh，您需要指定： <your-react-component width="100%" height="100%"></your-react-component> 确保你的身体也是这样设置的 <body width="100%" height="100%">

我现在正在开发这个组件，它的大小必须是全屏的。但是我不想为这个组件编写外部CSS，因为它是一个非常大的项目的一部分，所以这是一个单一的组件，你有什么建议吗？提前谢谢

解决

直接在组件上的组件中使用100vh，您需要指定：

<your-react-component width="100%" height="100%"></your-react-component>

确保你的身体也是这样设置的

<body width="100%" height="100%"></body>

听起来是一个普通函数的作业，而不是一个React组件，避免了在body元素中使用它，我直接在组件中使用了100vh。它就像魔术一样神奇！谢谢你！