media query (1) 썸네일형 리스트형 CSS - 10 [media query] media query - 웹브라우저는 다양한 화면에서 실행될 수 있다. 휴대폰, 태블릿, 대화면 tv, 모니터등 다양한 화면에 맞춰 css는 화면 비율을 맞추고 바꾸고 화면을 감지 할 수 있다. - 화면을 감지하여 해당하는 화면비율로 웹브라우저를 맞춰주는 것이 media query이다. @media screen and (max-width: 400px){ } 위구문 전체가 의미하는것은 '이 스크린이 400px보다 작으면 아래를 실행 하라' 물론 @media screen and (max-width: 400px) and (max-width: 650px) ... { } 와 같이 다양한 조건을 넣을 수도 있다. 스크린의 크기를 줄였더니 적용이된다. 또한 웹브라우저로 다양한 타입의 화면으로 브라우저를 봤을 때 어떤.. 이전 1 다음
