JavaScript에서 읽은 값 변환하기

getComputedStyles 함수는 CSS에 설정된 정확한 값을 가져오지 않습니다. 이 함수는 그 값을 절대값, 보통 픽셀로 변환합니다.

예제를 통해 살펴보겠습니다. 퍼센트로 너비가 설정되어 있다고 가정해 봅시다:

css#elem {
  width: 100%;
}

그러나 너비를 읽을 때는 퍼센트가 아닌 픽셀 단위의 값을 얻게 됩니다:

javascriptconsole.log(computedStyle.width); // px 단위 값

css#elem {
  font-size: 2em;
}