본문으로 바로가기

 

반응형 웹 스킨 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를 참고하시기 바랍니다.


댓글을 달아 주세요

  1. 2017.10.12 10:07

    헤더와 본문의 글이 시작되는 여백은 어떻게 조정하시는지 아실까요 ㅜ

  2. 옹ㅎ 2017.10.20 03:07

    저기는 그전부터 참고했지만 본문과 헤더사이 줄이는 방법은 없더군요 그리하여 혼자서css부분 height margin 부분다건드려도 못찾겟더군요 ㅜ 샐리님은 줄이셨길래 혹시나 엽쭈어보았습니다 ㅜ

    • BlogIcon 샐리 [MODA TV] - sally 신고">2017.10.20 15:08 신고

      http://cocosoft.kr/394 글도 보셨나요?
      샐리는 너무 손이 많이 가서 건드리지 않은것으로 기억되네요. ^^;;;;
      혹 수정, 발행 관련글등의 메뉴가 보여 그리 생각하신건 아닌지요?
      아니라면 죄송합니다. ㅠ.ㅠ