더 적은 컴파일러가 CSS `calc()` 속성을 잘못 변환하는 것을 방지하려면 어떻게 해야 합니까?

CSS calc() 속성의 적은 컴파일 문제: 예방 방법

OrangeBits 및 dotless와 같은 소수의 컴파일러가 잘못 알려져 있습니다 CSS calc() 속성을 번역합니다. 이로 인해 "calc(100% - 250px - 1.5em)"를 "calc(-151.5%)"로 변환하는 등 원하지 않는 결과가 발생할 수 있습니다.

이를 방지하기 위해 Less 버전 3.00 이상에서는 더 이상 표현식을 평가하지 않습니다. 기본적으로 calc() 내에서. 이 변경으로 인해 컴파일 중에 calc() 값이 유지됩니다.

3.00 이전 Less 버전의 경우:

Less가 계산 방정식을 번역하는 것을 방지하려면 물결표 표기법을 사용할 수 있습니다. 이렇게요:

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

위 내용은 더 적은 컴파일러가 CSS `calc()` 속성을 잘못 변환하는 것을 방지하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!