[CSS] CSS Units(px, em, rem, vw, vh, %)์ ๋ํด ์์๋ณด์โ๏ธ
ยท
Frontend/CSS
CSS Units 1๏ธโฃ Absolute length units 2๏ธโฃ Relative length units Absolute length units ์ด๋ค ์ํฉ์์๋ ํญ์ ๊ณ ์ ๋ ๊ธธ์ด๋ฅผ ๋ํ๋ด๋ ๋จ์ ์ฌ๋ฌ๊ฐ์ง๊ฐ ์กด์ฌํ์ง๋ง ์ฃผ๋ก px(๋ชจ๋ํฐ ์์์ ํ๋ฉด์ ๋ํ๋ผ ์ ์๋ ๊ฐ์ฅ ์์ ๋จ์)์ด ์ฌ์ฉ๋๋ค. Absolute length units์ ๋ฌธ์ ์ ์ด ๋ฌด์์ผ๊น? ์ปจํ
์ด๋์ ์ฌ์ด์ฆ๊ฐ ๋ณ๊ฒฝ๋์ด๋ ์ปจํ
์ธ ๊ฐ ๊ทธ๋๋ก ๋์ผํ ํฌ๊ธฐ๋ก ๊ฐ์ฃผ! ๋ฐ์ํ โ Relative length units ๊ณ ์ ๋์ง ์๊ณ ์ด๋ค ๊ธฐ์ค์ ๋ฐ๋ผ์ ์ ๋์ ์ผ๋ก ๋ฐ๋ ์ ์๋ ๊ธธ์ด๋ฅผ ๋ํ๋ด๋ ๋จ์ ์ฃผ๋ก ์ฌ์ฉ๋๋ 5๊ฐ์ง์๋ em, rem, vw, vh, %๊ฐ ์กด์ฌํ๋ค. em - (๋์ผ ์์์ ๊ธ๊ผด ํฌ๊ธฐ)โ → ๋ถ๋ชจ ์์์ ๊ธ๊ผด ํฌ๊ธฐ ์ ํ๋ ํฐํธ ํจ๋ฐ..