CSS 미디어 쿼리(Media Query)의 주된 용도는?

Q: CSS 미디어 쿼리(Media Query)의 주된 용도는?

화면 크기, 해상도 등 조건에 따라 다른 스타일을 적용한다 @media 규칙을 사용하는 미디어 쿼리는 화면 크기(width), 해상도(resolution), 방향(orientation) 등의 조건에 따라 다른 CSS 스타일을 적용합니다. 반응형 웹 디자인의 핵심 기술로, 하나의 HTML로 다양한 기기에 최적화된 레이아웃을 제공할 수 있습니다.

보통 MDN Web Docs

보기 및 정답

A 화면 크기, 해상도 등 조건에 따라 다른 스타일을 적용한다

B viewport 태그 없이도 미디어 쿼리는 정확히 동작한다

C 미디어 쿼리에서 쉼표를 사용하면 AND 조건으로 결합된다

D 미디어 쿼리 내부에서 CSS 변수를 사용하는 것은 불가능하다

해설

@media 규칙을 사용하는 미디어 쿼리는 화면 크기(width), 해상도(resolution), 방향(orientation) 등의 조건에 따라 다른 CSS 스타일을 적용합니다. 반응형 웹 디자인의 핵심 기술로, 하나의 HTML로 다양한 기기에 최적화된 레이아웃을 제공할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

CSS 미디어 쿼리(Media Query)의 주된 용도는?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

시장과 사람의 답을 봤다면,다음 결과물의 구조를 고릅니다.

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.