SCSS를 사용하여 요소의 차원을 얻으시겠습니까?

Question

최근에 scss와 수학 연산자를 사용할 수 있다는 사실을 발견했습니다. 내가 궁금해하는 것은 : ** 다른 요소의 치수를 설정하는 데 사용할 요소의 치수를 동적으로 검색 할 수있는 방법이 있습니까?

$("#myparagraph").height($("#page").height()/6); 

이 사용하는 SCS를 할 수있는 방법이 있나요 : (jQuery를 작성) 다음과 같이

내가하고 싶은 것이의 예는?

Answer 1

SCSS는 변수와 수학을 사용하여 값을 계산 할 수 있지만 번호는 여전히 CSS 아래로 컴파일합니다. CSS는 DOM 객체에서 계산 된 치수를 제공 할 수있는 동적 언어가 아닙니다. 또한 쿼리 할 수 ​​없습니다. SCSS는 자체적으로는 별도의 언어가 아니며보다 효율적으로 CSS를 만들 수있는 프리 프로세서입니다. 따라서 SCSS에서 수행 할 수있는 모든 작업은 평범한 CSS에서 수행 할 수 있으며 반대의 경우도 마찬가지입니다 (추적하기가 더 어려울지라도).