CSS 계산()에서 vh 빼기 픽셀을 사용할 수 있습니까?

CSS 계산()에서 vh 빼기 픽셀을 사용할 수 있습니까?

이 질문에는 이미 다음과 같은 답이 있습니다.

Less가 CSS calc() 속성을 컴파일하려는 것을 방지하는 방법은 무엇입니까? (5개 답변)

마감됨7년 전에.

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

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

그건 전혀 효과가 없습니다.컨테이너 전체 창 높이와 마이너스 헤더, 바닥글 고정 높이를 만들고 싶습니다.

내가 어떻게 그럴 수 있을까?

정말 효과가 있습니다.문제는 나의 덜 컴파일러에 있었습니다.다음으로 컴파일되었습니다.

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

더 적은 파일에서 다음 코드로 수정됨:

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

이 링크 덕분에:CSS3 계산을 통한 덜 공격적인 컴파일

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