미디어쿼리 (1) 썸네일형 리스트형 생활코딩 CSS_9.7 미디어 쿼리(Media Query) 9.7 미디어 쿼리(Media Query) 미디어의 상태에 따라 다른 디자인을 가능하게 한다. 반응형 디자인의 핵심. 미디어쿼리 기본 미디어 쿼리를 이용하려면 디자인이 변하게 될 조건을 정해, 기준에 따라 CSS를 다르게 작성해 줘야한다. 조건은 태그 내에 다음과 같이 적을 수 있다. @media (width: 500px){...} 위의 예시는 화면의 크기가 500px일 때 중괄호 안의 속성을 적용시킨다. 특정 값이 아니라 범위에서 적용하고 싶으면 조건을 다음과 같이 바꿔주면 된다. /*width의 '최댓값'이 500px일 때; width가 500px 이하일 때*/ @media (max-width: 500px){...} /*width의 '최솟값'이 500px일 때; width가 500px 이상일 때*/ .. 이전 1 다음