Notice
Recent Posts
Recent Comments
Link
| ์ผ | ์ | ํ | ์ | ๋ชฉ | ๊ธ | ํ |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | ||
| 6 | 7 | 8 | 9 | 10 | 11 | 12 |
| 13 | 14 | 15 | 16 | 17 | 18 | 19 |
| 20 | 21 | 22 | 23 | 24 | 25 | 26 |
| 27 | 28 | 29 | 30 | 31 |
Tags
- TAG
- ์ ๊ฐ์ฐ์ฐ์
- SASS
- input
- vscode
- ํ๋ก๊ทธ๋๋จธ์ค ์ฝ๋ฉํ ์คํธ
- ์ธ๋ผ์ธ๋ธ๋ก
- js
- ์๋ฐ์คํฌ๋ฆฝํธ
- object
- ์๊ณ ๋ฆฌ์ฆ
- scss
- ํ๋ก๊ทธ๋๋จธ์ค
- Em
- html ํ๊ทธ
- ์ฝ๋ฉํ ์คํธ
- ์ธ๋ผ์ธ
- inline
- ๋ฌธ์์ด
- string
- carousel slider
- javascript
- @mixin
- layout
- VSCODE๋จ์ถํค
- HTML
- ํฉ๊ณ ์๊ณ ๋ฆฌ์ฆ
- css
- ::before
- float
Archives
- Today
- Total
Outputor
๋ชจ๋ ์น์์ ์ฌ์ฉํ๋ ๋จ์์ ๋ฆฌ, ๊ถ์ฅ Breakpoint ๋ณธ๋ฌธ
๐จ CSS ๐ป
๋ชจ๋ ์น์์ ์ฌ์ฉํ๋ ๋จ์์ ๋ฆฌ, ๊ถ์ฅ Breakpoint
output7 2021. 12. 31. 15:03๋จ์์ ๋ฆฌ
- width : 16px โก ๊ธฐ๋ณธ px ๋จ์
- width : 1.5rem โก htmlํ๊ทธ ํน์ ๊ธฐ๋ณธ ํฐํธ์ฌ์ด์ฆ์ 1.5๋ฐฐ
- width : 2em โก ๋ด ํฐํธ์ฌ์ด์ฆ ํน์ ์์์์ ํฐํธ์ฌ์ด์ฆ์ 2๋ฐฐ
- width : 50vw โก ๋ธ๋ผ์ฐ์ (viewport) ํ๋ฉด ํญ์ 50%
- width : 50vh โก ๋ธ๋ผ์ฐ์ (viewport) ํ๋ฉด ๋์ด์ 50%
๊ถ์ฅ Breakpoint
- breakpoint: media query ๋ฌธ๋ฒ max-width ์์ ๋ฃ๋ ๋ธ๋ผ์ฐ์ ํญ์
- ๋ง์ ์ฌ๋๋ค์ด ์ฌ์ฉํ๋ breakpoint
1200px / 992px / 768px / 576px
'๐จ CSS ๐ป' ์นดํ ๊ณ ๋ฆฌ์ ๋ค๋ฅธ ๊ธ
| CSS transition (0) | 2022.01.01 |
|---|---|
| ์กฐ๊ฑด๋ถ๋ก ์ต์คํ๋ก๋ฌ ๋ฒ์ ์ฉ CSSํ์ผ ์ฒจ๋ถํ๊ธฐ (0) | 2021.12.31 |
| ํฐํธ Anti-aliasing (0) | 2021.12.31 |
| Pseudo-class ์ ๋ ํฐ (0) | 2021.12.31 |
| CSS nth-child ์ ๋ ํฐ (0) | 2021.12.31 |
'๐จ CSS ๐ป' Related Articles
more
