미디어 쿼리1 CSS3의 미디어 쿼리를 이용하여 가로 박스가 창 크기에 따라 세로로 바뀌는 반응형 레이어 만들어보기 CSS3의 미디어 쿼리를 이용하여 가로 박스가 창 크기에 따라 세로로 바뀌는 반응형 레이어 만들어 보겠습니다. 소스 설명 반드시 사이에 위 meta 태그를 넣어 주셔야 합니다.@media (max-width: 500px) { .solid { display:block;} .dashed { display:block;} .dotted {display:block;} } 미디어쿼리가 사용되었구요. 브라우저 창이 최대 500px까지는 안의 상태를 유지하라는 뜻입니다. .solid { width:190px; height:190px; background-color:#cccccc; border:3px solid black; display:inline-block;} .dashed { width:190px; height:1.. 2015. 5. 15. 이전 1 다음