티스토리 반응형 스킨에서 표 잘림 문제 해결방법

티스토리 블로그에서 애드센스 수익과 다양한 이유로 반응형 스킨을 사용하시는 분이 많이 계십니다. 반응형 스킨을 사용하면 정말 다양한 장점이 있지만 에디터에서 표를 작성하면 모바일이나 에티터에서 글을 작성할 때 아래와 같이 표 잘림 문제가 발생할 수 있습니다. 대부분 에디터에서는 정상적으로 사용이 가능하지만 모바일로 접속하면 표가 잘리는 문제가 발생하는데 이 문제를 해결하는 방법에 대해 알아보도록 하겠습니다.

 

표 잘림 문제 해결방법

위 이미지는 필자가 이전에 갤럭시 A51과 갤럭시 A71과 관련된 글을 작성하는 중 삽입한 표이다. 위 이미지를 확인하면 알겠지만 표의 우측이 잘리게 나와 있는 것을 볼 수 있다. 이렇게 에디터나 모바일에서 표가 잘리게 보이는 이유는 표의 간격 비율 문제인데 이를 HTML 코드 수정으로 없애면 문제가 해결된다.

위와 같이 표가 에디터에 있는 상태로 HTML로 들어가면 표의 HTML을 잘 확인하면 width항목을 확인할 수 있다. 만약 찾기가 어렵다면 Ctrl + F를 클릭하여 table을 찾고 table항목에서 width항목 2개를 을 찾아서 빨간색 네모로 표시된 두개의 네모 박스 부분을 상단 오른쪽 이미지처럼 지워주면 된다.

그리고 다시 기본 모드로 돌아오면 고정된 가로 값이 사라져 표가 잘리지 않고 원래 모습을 하고 있는 것을 볼 수 있다.

 

마무리

티스토리 에디터로 많은 글을 작성하면서 많이 사용하게 되는 것이 바로 "표"이다. 가장 많이 사용하는 만큼 이런 문제가 생기면 빠른 해결방법을 알고 있어야 하는 것이 좋다. table 항목에 있는 width를 모두 지워주면 문제는 해결된다.

 

관련 글

2020/01/08 - 티스토리 글 작성 팁! 쉽게 표 작성하는 방법

 

저의 글을 읽어 주셔서 감사합니다. 오늘도 즐거운 하루 보내세요.

저의 글이 조금이나마 도움이 되셨다면 로그인이 필요 없는 공감♥ 한번 꾸욱 눌러주세요.