CSS/Media Query Demo 썸네일형 리스트형 CSS3 Media Query Demo 반응형 웹 (Responsive Web) 을 제작하기위한 기초, 미디어 커리 (CSS3 Media Query) 테스트 반응형 웹을 제작하기 위해서 사용되는 핵심적인 수단이 CSS3의 Media Query 일 것이다.Media Query를 이용하면 웹 클라이언트 디바이스의 화면 폭과 크기등에 따라서 동적인 레이아웃을 설정할 수 있기 때문이다.다시 말하면 클라이언트의 화면 크기에 따라 조건부로 적용될 스타일시트를 선언하면 다양한 크기의 화면에 반응하는 레이아웃을 구현할 수 있다. 반응형 웹(Responsive Web)을 제작하기 위해 핵심적인 원리인 Media Query를 작성하고 테스트하는 스타일시트를 작성해보았다. 화면의 크기가 500px 이하인 경우에는 배경색을 적색으로 설정하는 Media Query .. 더보기 이전 1 다음