티스토리 모바일에 맞는 반응형 표로 만들기

반응형 스킨을 사용하더라도 티스토리 글쓰기 에디터에서 제공하는 표 만들기를 사용할 경우

PC에서는 잘 보이지만 모바일에서는 화면이 짤려서 보이게 됩니다. 

모바일에서도 제대로 표가  보이게 하려면 먼저 글을 작성,수정할 때 우측 상단에 HTML을 체크하여

html 편집을 할 수 있는 환경으로 이동해야 합니다.

html 편집기로 이동한 다음, <table class가 있는 부분  width="xxx" 이 부분을 지워준 후

다시 우측 상단 HTML 편집기를 해제한 후 진행하면 됩니다.

기존 테이블

1	2	3	4	5
6	7	8	9	10
11	12	13	14	15
16	17	18	19	20
21	22	23	24	25

width 값 지운 테이블

1	2	3	4	5
6	7	8	9	10
11	12	13	14	15
16	17	18	19	20
21	22	23	24	25

PC에선 똑같은 표처럼 보이지만 아래처럼 모바일에선 width값이 지운 테이블이

스마트폰 화면 크기에 맞게 사이즈가 조절되어 보이게 됩니다.