미디어쿼리 (1) 썸네일형 리스트형 [css] 반응형 웹을 만들어보자(모바일,테블릿,데스크탑,미디어쿼리..) 반응형 웹이란 하나의 웹사이트에서 PC, 스마트폰, 태블릿 PC등 접속하는 디스플레이 종류에 따라 화면 크기가 자동으로 변하게 만드는 기법이다 개인적으로 애플 공식홈페이지가 멋있는것 같다 요새 사이트에서 반응형웹은 필수이다. 알아보자 반응형 웹 디자인을 체크할 수 있는 가장 쉬운 방법은 크롬 브라우저를 사용하는 것이다 F12를 누르면 다음과 같이 html css 정보 및 모바일 화면을 볼 수 있다 일반인이라면 허겁지겁 꺼야되는 화면이지만 개발자는 유용하게 사용할 수 있다 가장 먼저 해주어야 할 것은 HTML파일 내부의 안에 다음과 같이 설정해 주어야 한다 @import url("main.css") only screen and (min-width:200px) and (max-width:480px); @me.. 이전 1 다음
