반응형
반응형웹, Typical Device Breakpoints, media queries
https://www.w3schools.com/css/tryit.asp?filename=trycss_mediaqueries_fontsize
Tryit Editor v3.6
div.example { background-color: lightgrey; padding: 20px; } @media screen and (min-width: 600px) { div.example { font-size: 80px; } } @media screen and (max-width: 600px) { div.example { font-size: 30px; } } Change the font size of an element on different
www.w3schools.com
반응형
'프로그래밍 > Style & Design' 카테고리의 다른 글
| USER FRIENDLY UI 란? (0) | 2020.09.11 |
|---|---|
| 부트스트랩, 어떻게 사용해야할까? -파트 1 (번역본) (0) | 2020.06.19 |
| Emoji - Surfing, Surfer 🏄 Surf (0) | 2019.08.22 |
| 파사드(프랑스어: Façade) Facade 디자인 (0) | 2019.07.10 |
| 웹측정 - 모니터 디스플레이, 화면해상도 (0) | 2019.06.19 |