반응형 (2) 썸네일형 리스트형 [ 반응형 ] - 미디어쿼리 미디어쿼리 : 반응형 웹을 구현하기 위해 가장 많이 사용하는 문법 미디어쿼리는 css모듈 중 하나로 사이트에 접속하는 장치에 따라 특정한 css 스타일을 적용하도록 도와준다. 프로그래밍 언어 중 조건문과 비슷한 문법을 사용한다. * 주의사항- 화면중단점이 큰 사이즈부터 작은사이즈 순서로 작업하거나, 작은사이즈에서 큰 사이즈 순서로 작업해라- (min-width:~~px) px 뒤에 ; 쓰면 안된다. and 뒤에 띄어쓰기 잊지말기- 반응형 할때는 기본스타일에서 불러왔던 이름 그대로 불러와야한다. 기본스타일에선 nth로 불러왔는데 미디어쿼리에서는 클래스 이름으로 불러오거나하면 안된다. 오류가 나진 않지만 헷갈리고 반응형이 안먹을때가 있다.선택자를 그대로 써주기 - 스타일을 안써준 부분은 기본스타일에 적.. [ 반응형 ] - 가변단위로 바꾸는 공식 / 이미지를 가변 이미지로 바꾸기 반응형 : 반응형은 다양한 디지털 기기를 이용해 웹 페이지에 접속할 때 해당 기기에 맞게 페이지가 최적화된 상태로 보여지는 것을 말한다. 반응형 웹의 장점은 모든 스마트 기기에서 접속이 가능하여 스마트워치같은 웨어러블기기뿐만 아니라 스마트 티비나 게임 콘솔 등 웹 표준을 지원하는 어느 기기든 접속이 가능하다는 점이다. 또한 가로 모드에 맞춰 레이아웃을 보여줄 수 있고, 사이트 유지 보수에도 용이하다. 반응형 웹을 제작하기 위해서는 '가변 그리드 레이아웃'을 사용한다. 웹 사이트에서 레이아웃을 잡을 때 자주 사용하는 방법이 '그리드 시스템'이다. 그리드 시스템은 디자인의 일관성을 위해서 화면을 몇 개의 column으로 나누어 요소들을 배치하는 것을 말한다. 필요할 때마다 column을 묶.. 이전 1 다음
