2017-06-06 64 views
0

我現在正在處理組件,它需要是全屏幕的大小。但我不想爲這個組件編寫外部CSS,因爲它是一個非常大的項目的一部分,所以這是一個單一的組件,你有什麼建議嗎? 在此先感謝!全屏組件ReactJS

解決 直接在組件

+0

聽起來這是一個普通功能而不是一個React組件的作業 –

回答

1

使用100vh在你的組件,你需要指定此:

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

確保你的身體也被設置這樣

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

我避免在body中使用它元素,我直接在組件中使用了100vh。它的作用就像魔術一樣!雖然謝謝! –