티스토리 블로그 반응형 스킨에서 표 짤림 현상 수정하기

 

 

최근 포스팅을 하면서 티스토리 기본 기능인 표 그리기를 사용했었는데 모바일 같이 가로축이 짧은 경우에는 표가 짤리는 현상을 발견 했습니다. 간단한 수정 한번으로 표 짤림을 예방할 수 있으니 표를 사용하시는분은 참고해주세요. 

 

 

 

 

2017.11.28 티스토리 블로그 네이버 사이트등록 방법

2017.11.15 구글 애드센스 일치하는 콘텐츠 광고 사용하기

2017.11.02 반응형 스킨 Fastboot 1.6.2 설정하기

 

 

티스토리 블로그 반응형 스킨에서 표 짤림 현상 수정하기

 

 

10cm - 스토커 라이브 들으시면서 표 짤림현상 수정방법 알아보실게요!

 

 

 

 

평소에 잘 사용하지 않았던 기능중 하나가 표였습니다. 표 짤림 현상은 티스토리 처음 시작해서 글을 쓸때 알게되었지만 그당시엔 티스토리 사용방법을 공부하느냐 바쁘다보니 표를 사용 안하고 글을 쓰는쪽으로 사용을 했었습니다. 하지만 최근 패딩글에서 제품비교를 보기 쉽게 하기위해 표를 사용했었는데 역시나 짤리더군요. 그래서 이번엔 방법을 찾아보고 알려드릴려 합니다.

 

 

 

 

표는 티스토리에서 기본으로 제공하는 기능으로 글을 쓰실때 쉽게 발견하실 수 있습니다.

 

 

 

 

표의 기능을 사용해서 작성한 글 입니다. PC에서는 보시는 것과 같이 잘리는거 없이 보실 수 있습니다.

 

 

 

 

하지만 인터넷 창을 축소해서 가로를 짧게 보시거나 모바일에서 보시면 위의 사진과 같이 표가 짤려있는 것을 확인하실 수 있습니다.

 

 

 

고객센터에 문의해본 결과 표를 기본 기능으로 사용하게 되면 스타일 값이 고정된 상태로 적용되기 때문에 HTML 수정을 해줘야 한다고 합니다. 나중에 업데이트를 해줄진 의문이지만 개선사항 적용 검토는 해준다고 하네요. 방법은 간단한 것 같습니다. 표에서 WIDH : 100%로 설정을 수정 해주면 되네요.

 

 

 

 

표를 작성한 글에 오셔서 HTML 모드로 바꿔주세요. 그리고 표가 작성된 부분을 찾아주시면 되는데 찾기가 어려우신분은 키보드에서 Ctrl + F 를 누르셔서 "TABLE"를 검색하시면 사진과 같이 노란색으로 표시가 됩니다. 노란색이 표시된 줄을 보시면 대문자로 WIDTH 라고 적혀있는 부분이 있습니다. 그 부분을 사진과 같이 WIDTH: 100%로 수정을 해주시면 됩니다. 다른 블로그를 확인해보니 WIDTH 영역을 아에 지워주셔도 된다고 하네요.

 

 

 

 

수정이 완료되고 확인 해보시면 모바일에서 가로축에 맞춰서 조절된 것을 확인하실 수 있습니다.

 

 

2017.12.04 티스토리 블로그 네이버 RSS 등록하기

2017.10.13 티스토리 대표사진 섬네일 설정방법

2017.10.11 티스토리 초대장 받는 방법과 회원가입하기