[CSS] Media Query (미디어 쿼리) 사용하기

Media Query (미디어 쿼리) 미디어 쿼리는 단말기의 유형(출력물 화면)과, 어떤 특성이나 수치(화면 해상도, 뷰포트 너비 등)에 따라 웹사이트나 앱의 스타일을 수정할 때 유용합니다. 속성 설명 all 기본값으로, 모든 미디어 타입의 장치 print 인쇄 미리 보기 기능 또는 페이지 출력 screen 컴퓨터나 테블릿, 스마트폰 등의 스크린 speech 페이지를 소리 내어 읽어주는 스크린 리더기(screen reader) 연산자 설명 and AND 연산 not NOT 연산 , OR 연산 속성 설명 width 대상 디스플레이 영역의 너비를 명시함. “min-” 접두사로 최솟값, “max-” 접두사로 최대값을 명시할 수 있음. ex) media=“screen and (max-width:900px)” height 대상 디스플레이 영역의 높이를 명시함. “min-” 접두사로 최솟값, “max-” 접두사로 최대값을 명시할 수 있음. ex) media=“screen and (min-hei...

원문링크 : [CSS] Media Query (미디어 쿼리) 사용하기