반응형 배너 사이즈 (1) 썸네일형 리스트형 [Publishing] 반응형 배너 작업 사이트를 만들다 보면 banner list 이미지 사이즈 높이값을 지정하기가 애매하다. 높이값을 픽셀로 지정해버리면 해당 배너 등록 비율이 깨질수도 있기 때문이다. 따라서 등록한 배너 비율을 유지하면서 반응형 작업을 해야하는데, image banner responsive style(CSS)는 다음과 같다. 우선 HTML 구조를 img 태그를 감싸는 부모와, img 태그로 코딩한다. 이미지 비율에 따라 부모 클래스 "img-area"의 padding-top이나 padding-bottom의 퍼센트 스타일을 주어야한다. padding-top을 줄것인가 bottom을 줄것인가는 개인 선택이다. 여기서는 padding-bottom으로 예를 들겠다. 여기서 알아두어야 할 것이 해당 이미지 비율인데 이미지 비율마다 .. 이전 1 다음