반응형웹 - 미디어쿼리

반응형 웹 디자인 다양해지는 사용자 브라우저 환경에 따라 웹사이트를 제작하는 데는 한계가 있다. 미디어쿼리를 사용하여 화면 크기에 맞게 화면 요소들을 재배치하고 각 요소의 표시 방법만 다르게 해서 사이트를 구현할 수 있다. 미디어쿼리 미디어쿼리란 웹을 접속하는 기기의 화면 해상도에 따라 각각 다른 CSS를 적용해주는 기능을 한다. media 속성에는 all, screen, print 등의 값을 지정하고 웹이 표시되는 대상별로 디자인을 달리 지정해 줄 수 있다. 미디어쿼리는 같은 screen이라도 기기의 해상도에 따라 CSS를 다르게 지정할 수 있다. ＊ 사이트에 접속하는 장치에 따라 특정한 CSS 스타일을 사용하도록 함 ＊ 뷰포트(View Port) 너비 같은 여러 장치들의 조건에 맞춰 특정한 CSS 스..

2022.01.05