화면·디자인 · 필수
미디어 쿼리Media Query
화면 크기나 사용자 설정에 따라 다른 CSS를 적용하는 문법.
폭뿐 아니라 다크 모드 선호(`prefers-color-scheme`)나 모션 최소화(`prefers-reduced-motion`)도 여기서 감지합니다. 접근성 대응의 출발점입니다.
“모션 최소화 설정을 켠 사용자에게는 애니메이션을 껐다.”
다른 이름media query · @media
화면·디자인 · 필수
화면 크기나 사용자 설정에 따라 다른 CSS를 적용하는 문법.
폭뿐 아니라 다크 모드 선호(`prefers-color-scheme`)나 모션 최소화(`prefers-reduced-motion`)도 여기서 감지합니다. 접근성 대응의 출발점입니다.
“모션 최소화 설정을 켠 사용자에게는 애니메이션을 껐다.”
다른 이름media query · @media