CSS `calc()` 속성을 사용할 때 컴파일러 오류를 줄이는 방법은 무엇입니까?

Less 컴파일러가 CSS calc() 속성을 잘못 해석함

OrangeBits 및 점이 없는 특정 Less 컴파일러는 CSS calc() 표현식을 잘못 변환합니다. 예를 들어 "width: calc(100% - 250px - 1.5em)"라는 표현은 실수로 "width: calc(-151.5%)"로 변환됩니다.

Less 3.00 이상의 솔루션

Less 버전 3.00 이상에서는 컴파일러가 더 이상 표현식을 자동으로 평가하지 않습니다. calc() 내에서. 이 변경으로 인해 calc()를 사용할 때 수동 개입이 필요하지 않습니다.

이전 Less 버전의 솔루션

3.00 미만의 Less 버전의 경우 사용자는 다음을 포함하여 자동 평가를 방지할 수 있습니다. ~ 연산자 내의 calc() 표현식. 예:

body { width: calc(~"100% - 250px - 1.5em"); }

또한 Less 버전 1.4.0에는 모든 Less 계산을 괄호로 묶어야 하는 strictMaths 옵션이 도입되었습니다. 이 옵션을 사용하면 calc() 표현식이 기본적으로 올바르게 처리됩니다.

위 내용은 CSS `calc()` 속성을 사용할 때 컴파일러 오류를 줄이는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!