목록미디어쿼리 (1)

좌충우돌 개발자의 길

[CSS] 미디어쿼리

1. 미디어 쿼리 @media mediaqueries { /* style rules */ } /* @media 로 시작하며, 이 키워드는 이제부터 미디어 쿼리를 시작한다 라는 뜻 그 뒤에 미디어 쿼리 구문(위 코드의 mediaqueries) 이 나오고 이어서 중괄호( { } )를 이용해서 스타일 규칙이 들어감.*/ - 미디어 쿼리 구문은 미디어 타입(Media Types)과 미디어 특성(Media Features)으로 구성 미디어 타입 : all, print, screen 미디어 특성 : width는 뷰포트의 너비, 즉 브라우저 창의 너비.(스크린의 크기 x) // orientation은 미디어가 세로모드인지 가로모드인지를 구분 2. syntax media_query_list : S* [media_que..
STUDYING/HTML & CSS 2022. 5. 9. 10:00
이전 Prev 1 Next 다음