๋ํดํธ font-size๋ 3
CSS Unit
- CSS์๋ ๊ธธ์ด๋ฅผ ํํํ๋ ์ฌ๋ฌ ๋ค์ํ ๋จ์๊ฐ ์กด์ฌํจ
- width, margin, padding, font-size ๋ฑ์ ๊ธธ์ด ๊ฐ์ ๊ฐ์ง๋ ์์ฑ๋ค์ด ์์
- ๊ธธ์ด์ ๋จ์์๋ 10px, 3em ๋ฑ์ด ์์
- ๊ธธ์ด ๋จ์ ํ์
์๋ ํฌ๊ฒ ์ ๋/์๋๊ฐ ์์
- ์ ๋ ๊ธธ์ด (absolute lengths)
- ์๋ ๊ธธ์ด (relative lengths)
- em, ex, ch, rem, vw, vh, vmin, vmax, %
px (ํฝ์
)
- ํด์๋์ ๋ฐ๋ผ์ 1px์ด๋ผ๋ ์๋ก ์ฐจ์ด๊ฐ ๋ ์ ์์
%
- ๋ถ๋ชจ ์์์ ํฌ๊ธฐ๋ฅผ ๊ธฐ์ค์ผ๋ก
em
- ์๊ธฐ ์์ ์ font-size์ ์ํฅ์ ๋ฐ์
rem
- root ๊ธฐ์ค(htmlํ๊ทธ)์ font-size์ ์ํฅ์ ๋ฐ์
- ๋ง์ฝ root์ font-size๋ฅผ ์ง์ ์ํ๋ฉด ์ด๋ป๊ฒ ๋ ๊น?
html์ ๋ํดํธ font-size๋ 3px์ด ์๋๊ฐ๋ณด๋น
ํ์คํ ํ๋ ค๋ฉด html ํ๊ทธ์ font-size๋ px๋ก ๋ ๊ณ ์ ํด์ผ๊ฒ ๋ค!
์ค์ต ๊ฒฐ๊ณผ
https://codepen.io/eunkyoungjung/pen/abNPVeW
Reference