반응형 웹 스킨 CCZ-CROSS 스킨에서의
모바일 화면 헤더부분 사이즈를 줄이는 방법을 설명하고자 합니다.
모바일에서 CCZ-CROSS 의 스킨은
아래와 사진과 같이 헤더부분 즉 제목부분이
많은 자리를 차지하고 있습니다.
변경하는 방법은
CSS 편집에서 '헤더부분'으로 검색하면 아래와 같은 소스가 보입니다.
/* 헤더부분 */
.hd {
display: table;
position: relative;
width: 100%;
height: 280px;
text-align: center;
}.hd-inner {
여기에서 height 280px인 부분을 아래처럼 100%로 바꾸어줍니다.
/* 헤더부분 */
.hd {
display: table;
position: relative;
width: 100%;
height: 100%; /*이부분을 수정해주세요*/
text-align: center;
}
그러면 모바일에서 다음과 같이 보여집니다.
모바일에서 헤더 사이즈 줄이는것은 이상으로 끝이며
더 자세히 알고 싶으신 분들은 http://cocosoft.kr/370를 참고하시기 바랍니다.
