Front_end/HTML + CSS

231013 금) CSS Media Query

roofTopCaat 2023. 10. 13. 14:21

 

Media Query

 

컴퓨터, 스마트폰, 태블릿 등의 다양한 디바이스 환경에 맞춰 변화하는 UI 셋을 만들어 주기 위한

CSS 기술이다

 

미디어 쿼리는

미디어 유형과 미디어 특성을 기반으로 동작한다 

 

미디어 유형은 장치의 종류가 어떤 것인지를 말하며

 

미디어 특성은 장치 속성이나 상태를 기반으로 하며 화면 너비 / 장치 방향 / 픽셀 밀도등을 포함한다

 

미디어 유형 , 쿼리 연산자 , 쿼리 조건은 다양하나

대표적으로 쓰이는 것은 screen이며 생략가능하다

추후 필요에 따라 검색하면 되기에 깊게 들어가지 않는다

 

 

'Front_end > HTML + CSS' 카테고리의 다른 글

231026 목) Semantic HTML  (1) 2023.10.26
231012 목) CSS 포지셔닝  (0) 2023.10.12
231012 목) CSS 선택기 Combining  (0) 2023.10.12
231011 수) CSS Cascade  (0) 2023.10.11
231011 수) CSS Selector  (0) 2023.10.11