๐ŸŽจ ์›น์‚ฌ์ดํŠธ์˜ ์‚ฌ์ด์ฆˆ ๊ธฐ์ค€

์ •์€๊ฒฝยท2020๋…„ 10์›” 6์ผ
0

๐Ÿ‘ธ Front-End Queen

๋ชฉ๋ก ๋ณด๊ธฐ
88/271

rem์„ ์“ธ ๊ฒƒ์„ ์ถ”์ฒœ!
rem ์‚ฌ์ด์ฆˆ์˜ ๊ธฐ์ค€์˜ root์˜ ํฐํŠธ ์‚ฌ์ด์ฆˆ!
์›น์‚ฌ์ดํŠธ root๋Š” ๋ฐ”๋กœ body ํƒœ๊ทธ!

๊ทธ๋Ÿฌ๋‹ˆ๊น!
bodyํƒœ๊ทธ์—๋‹ค๊ฐ€ ๊ธฐ์ค€์ด ๋˜๋Š” font์‚ฌ์ด์ฆˆ๋ฅผ ๋ช…์‹œํ•ด ์ฃผ์„ธ์š”!

body {
font-size: 16px;
}

์›น ๋ธŒ๋ผ์šฐ์ €์˜ ๊ตฌํ˜„๋ฐฉ์‹์— ๋”ฐ๋ผ์„œ ๋””ํดํŠธ ํฐํŠธ ์‚ฌ์ด์ฆˆ๊ฐ€
์„œ๋กœ ์ƒ์ดํ•  ์ˆ˜ ์žˆ์Œ!

๋ณดํ†ต์€ ๋””ํดํŠธ ์‚ฌ์ด์ฆˆ๊ฐ€ 16px์ด๋ผ๊ณ  ํ•œ๋‹ค!

์›น์‚ฌ์ดํŠธ๋ฅผ ์ž‘์—…ํ•  ๋•Œ! ์ž‘์—…ํ•˜๋ฉด ์ข‹์€ ๊ฒƒ๋“ค!!

  • ๋จผ์ €! body ํƒœ๊ทธ์— font-size๋ฅผ ์ง€์ •!
  • ๋จผ์ €! body ํƒœ๊ทธ์— padding:0, margin:0 ์„ค์ •! (๋ธŒ๋ผ์šฐ์ €์˜ ๋””ํดํŠธ padding, margin์ด ์ƒ์ดํ•˜๋‹ˆ๊น)

์ด ๋ถ€๋ถ„์„ ๋ช…์‹ฌํ•˜๊ณ  ์ž‘์—…ํ•ด์•ผ๋”ฉ ๐Ÿ˜Š

profile
#์˜์‹์˜ํ๋ฆ„ #์ˆœ๊ฐ„์ˆœ๊ฐ„ #์ƒ๊ฐ์˜์Šค๋ƒ…์ƒท

0๊ฐœ์˜ ๋Œ“๊ธ€