Media Query(미디어 쿼리)
CODEDRAGON ㆍDevelopment/Web, WWW
반응형
Media Query(미디어 쿼리)
- 디바이스 사이즈에 따라 화면을 다르게 표현하는 방식
- 스크린사이즈(뷰포트), 방향 또는 해상도에 따른 조건에 맞춰 페이지에 특정Style Sheet를 지정 합니다.
- 스크린사이즈, 해상도등의 조건에 따라 CSS 코드를 분기하여 최적화된 UX(User Experience) 제공하게 되는 것입니다.
- 웹페이지가 사용자 화면 해상도에 따라 페이지의 내용을 유연하게 바꾸어주게 됩니다.
Media Queries Example
화면에 표시할 때는 산세리프 글꼴을 사용하고,
인쇄할 때는 세리프 글꼴을 사용하도록 2개의 미디어 유형에 따라 각각 정의된 문서를 만들 수 있습니다.
'Development > Web, WWW' 카테고리의 다른 글
| 반응형 웹 디자인의 핵심요소 (0) | 2016.01.06 |
|---|---|
| 웹 접근성 점검하기, Validator (0) | 2016.01.06 |
| List (리스트) (0) | 2015.12.30 |
| border (테두리) (0) | 2015.12.30 |
| margin & padding - 여백 관련 프로퍼티, margin - 바깥쪽 여백 관련 프로퍼티, padding - 안쪽 여백 관련 프로퍼티 (0) | 2015.12.30 |