code

CSS calc ()에서 vh 마이너스 픽셀을 사용할 수 있습니까?

codestyles 2020. 8. 19. 08:05
반응형

CSS calc ()에서 vh 마이너스 픽셀을 사용할 수 있습니까? [복제]


이 질문에 이미 답변이 있습니다.

Less 파일에 다음 CSS 규칙이 있습니다.

.container {
  min-height: calc(100vh - 150px);
}

전혀 작동하지 않습니다. 컨테이너 전체 창 높이와 빼기 머리글, 바닥 글 고정 높이를 만들고 싶습니다.

어떻게 할 수 있습니까?


실제로 작동합니다. 내 적은 컴파일러에 문제가있었습니다. 다음과 같이 컴파일되었습니다.

.container {
  min-height: calc(-51vh);
}

적은 파일에서 다음 코드로 수정되었습니다.

.container {
  min-height: calc(~"100vh - 150px");
}

이 링크 덕분에 CSS3 calc를 사용한 덜 공격적인 컴파일

참고 URL : https://stackoverflow.com/questions/27256849/is-it-possible-to-use-vh-minus-pixels-in-a-css-calc

반응형