반응형
화면 크기에 따라 특정 스타일 적용이 가능(반응형 웹사이트 환경 조성)
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 | <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Media Queries</title> <style> body{ background-color: yellow; } @media screen and (min-width: 320px) and (max-width: 640px) { body { background-color: red; } } </style> </head> <body> </body> </html> | cs |
참고사이트▼
노마드 코더 - Nomad Coders
'CSS' 카테고리의 다른 글
| Clearfix Hack과 flow-root (0) | 2019.01.29 |
|---|---|
| Font Awesome (버전 4와 버전 5 사용 방법) (0) | 2019.01.04 |
| animations (0) | 2019.01.03 |
| pseudo-class (0) | 2019.01.03 |
| flexbox(Flexible Box module) (0) | 2018.12.29 |
댓글