反应网络应用程序中的高度问题

时间:2018-05-16 09:06:57

标签: reactjs

我的主题大小不是100%。我有一个在react应用程序内部渲染的背景。但是当我运行此代码时,我的背景并非100%基于屏幕尺寸。

https://prnt.sc/jiijdo

3 个答案:

答案 0 :(得分:0)

因为您根本没有包含任何代码,所以很难提供帮助。

但是:因为在React中,组件不允许有多个子元素,所以使用了许多“未使用”的div。所以我的建议是进入开发人员工具并从顶部搜索(html> body> #root>等)以获得不是完整高度的顶级div并将其设置为完整视口高度的样式(身高:100vh)

答案 1 :(得分:0)

您可以将min-height: 100vh分配给您的背景元素,但它类似于快速解决方案。 如果您想正确修复问题,请附上代码片段

答案 2 :(得分:0)

const backgroundbg = { backgroundImage:' url(' + Bgimg +')',// ES6             高度:" 100%&#34 ;,             backgroundRepeat:"不重复&#34 ;,             backgroundSize:" cover",             backgroundPosition:" center",             minHeight:" 100vh"             }

此代码适用于我,它解决了我的问题。