February 24, 2022

๐Ÿ“†ย ์ง€๋‚œ 4์ฃผ ๋Œ์•„๋ณด๊ธฐ

๐Ÿ…ย Responsive Web

<aside> ๐Ÿ’ก ๋ฐ˜์‘ํ˜• ์›น์ด๋ž€, ํ•˜๋‚˜์˜ ์›น์‚ฌ์ดํŠธ์—์„œ PC, ์Šค๋งˆํŠธํฐ, ํƒœ๋ธ”๋ฆฟ PC ๋“ฑ ์ ‘์†ํ•˜๋Š” ๋””์Šคํ”Œ๋ ˆ์ด์˜ ์ข…๋ฅ˜์— ๋”ฐ๋ผ ํ™”๋ฉด์˜ ํฌ๊ธฐ๊ฐ€ ์ž๋™์œผ๋กœ ๋ณ€ํ•˜๋Š” ์›น ํŽ˜์ด์ง€๋ฅผ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์˜ค๋Š˜๋‚ ์—๋Š” IT ๊ธฐ๊ธฐ์˜ ์ข…๋ฅ˜๊ฐ€ ๋”์šฑ ๋‹ค์–‘ํ•ด์ง์— ๋”ฐ๋ผ ๋””์Šคํ”Œ๋ ˆ์ด์˜ ํฌ๊ธฐ์— ๋งž๊ฒŒ ์œ ๋™์ ์œผ๋กœ ๋ฐ˜์‘ํ•˜๋Š” ๋ฐ˜์‘ํ˜• ์›น์„ ๊ตฌํ˜„ํ•˜๋Š” ๊ฒƒ์ด ๋”์šฑ ์ค‘์š”ํ•ด์กŒ์Šต๋‹ˆ๋‹ค.

</aside>

Breakpoint

Untitled

        ๋ฐํƒ‘ ์Šคํƒ€์ผ๋ง   |   ipad ์Šคํƒ€์ผ๋ง   |   phone ์Šคํƒ€์ผ๋ง

                              **`1024px`**             **`768px`** 

Media Query

@media only screen and (max-width: 480px) {
	body {
		font-size: 12px;
	}
}