티스토리 반응형 스킨 #1 표 잘림현상 해결하기

티스토리 반응형 스킨에서 표가 잘려 보이는 현상을 해결하는 방법에 대해 알아보자.

 

 

 

 

이러한 현상이 발생하는 조건은

1) 티스토리 반응형 스킨을 적용한 블로그에서

2) 글쓰기 작업 중 〈표만들기〉 기능을 사용했을 때이다.

 

위의 조건 아래에서 글을 작성하면

컴퓨터에서는 표가 정상적으로 보이는데

태블릿이나 휴대폰 등 모바일 기기에서는

표의 오른쪽 부분이 잘려 보이는 현상이 발생한다.

 

 

 

 

 

 

티스토리 반응형 스킨 #1에서 표가 잘려 보이는 현상을 해결하는 방법은 다음과 같다.

 

#1. 티스토리 글쓰기 페이지에 있는 [HTML]을 클릭하여 HTML 에디터 화면으로 이동한다.

 

 

 

 

 

#2. 

① 〈TABLE class=txc-table ~〉로 시작하는 부분에서 ② 〈width=숫자〉 부분을 찾는다.

 

 

 

 

 

#3. 수정하는 방법은 두 가지이다.

(1) 〈width=숫자〉를 〈width=100%〉로 바꾼다.

(2) 〈width=숫자〉를 삭제한다.

여기에서는 (1)번 방법을 사용해 보았다.

 

 

 

 

 

#4. 모바일 기기에서도 표가 정상적으로 보인다.

 

 

 

유의해야 할 두 가지 사항이 있다.

 

첫째, 위의 수정 작업은 표의 개수만큼 실행해야 한다.

예를 들어, 표를 네 개 만들었다면 HTML 에디터 화면에서 〈TABLE class=txc-table ~〉로 시작하는 부분을 네 곳 찾은 후에 네 번 수정해야 한다.

 

둘째, 〈TABLE class=txc-table ~〉로 시작하는 부분에 〈width=숫자〉는 일반적으로 한 개만 있지만 간혹 두 개가 있는 경우도 있다. 수정 작업을 했는데도 모바일 화면에서 표가 잘려 보인다면 〈width=숫자〉가 하나 더 있는지 확인해야 한다.