웹프로그래밍 css device-height 와 pixel size 연산해서 크기정하기

간혹 레이아웃을 정하다가 vh ( device-height %) 와 px 를 동시에 써야할 때가 있다.

 

그리고 그 둘을 연산을 해야하는 경우가 생긴다 그럴때는 calc 를 이용하면 된다.

 

 

.gogo {
    height: calc(100vh - 50px);
}

 

 

이렇게 사용한다면 class="gogo" 는100% 의 기기 세로길이에서 50px 을 뺀 값이 height로 들어가게 된다.