미디어 쿼리1 HTML/CSS - Media Query(반응형 웹사이트 만들기) 1. Media Queries - Media Query는 오직 CSS만을 이용하여 웹사이트를 보고있는 사용자의 스크린 사이즈를 알 수 있는 방법이다. 이를 이용하여 사용자의 스크린에 맞게 엘리먼트를 다르게 출력하는 반응형 웹사이트를 만들 수 있다. - 위의 코드에서 처럼, 사용자의 브라우저의 너비가 800px미만인 경우 사각형의 바탕색이 토마토색으로 변하고 800px이상인 경우에는 청록색으로 바뀌게 된다. [작성 형식] @media mediaType and (속성: 속성값) and (속성: 속성값)... { 엘리먼트 { 적용할 속성 및 속성값; } } - 미디어type은 screen, print, speeach가 있다. - 다양한 속성값을 사용하여 만든 예시를 살펴보자. 예시 1) 화면너비 범위 정하기 .. 2020. 8. 30. 이전 1 다음
