[CSS] Relative value document.width when browser magnification (브라우저 화면을 확대/축소 했을 시 상대값으로 넓이 구하기)

문제(Problem):

브라우저의 화면을 확대 및 축소 시 document.width 의 축소된 상대값을 가져올 수 없다.
(document.width is not relative value document.width when Browser magnification)

방법(way):

document.documentElement.offsetWidth

예(Example):

브라우져의 화면을 확대하거나 축소한 후 가로 길이를 동적으로 움직여 보세요.
(browser magnification and adjust browser width)

document.width  => absolute value

0px

document.documentElement.offsetWidth  => relative value

0px