[리액트, react] 화면 크기에 맞게 height 조절하기

react 화면 크기에 맞게 height 조절하기

화면을 줄이거나 늘렸을 때 화면 크기에 맞게 height를 조절하려면 리액트에서는 %로 설정하는 것이 아니라 vh를 사용해야 한다.

 

화면 크기에 딱 맞춰 높이를 전체로 지정하려면 아래와 같이 height를 100vh로 설정하면 된다.

.temp {
	height: 100vh;
}

 

만일 화면 크기에 대해 3/4만 영역을 차지하게 싶다면 height를 75vh로 설정하면 된다.

.temp {
	height: 75vh;
}

 

 

 

 

https://codingmania.tistory.com/348

React에서 component 안에서 div의 height를 최대(100%)로 지정하는 방법