CSS - 미디어 쿼리

'반응형 웹, 반응형 디자인'

반응형화면의 크기에 따라서 웹페이지의 각 요소들이 반응해서 최적화된 모양으로 바뀌게 하는 것

 

형식 : @media()

ex) screen width > 800px = @media(min-width:800px)

      screen width < 800px = @media(max-width:800px)

 

"반응형 웹 디자인을 배우면서, 단순히 웹의 기능 구현 만큼, 편리하고 직관적인 UI의 구현이 굉장히 중요하다는 것을 생각해보게 한 강의였던 것 같다."