본문 바로가기

INFORMATION

[티스토리] 반응형 스킨 모바일 표 잘림현상 해결



티스토리에서 반응형 스킨사용중 표를 생성하면 모바일에서 가로 끝이 잘리는 현상이 발생한다.




해결방법)


1. 게시글 작성후 게시 전 HTML 코드로 변환





2. 변환된 코드 중 'Ctrl+F'를 눌러 'txc-table'을 찾는다. txc-table은 생성된 표의 html 값이다.





3. 'txc-table'을 포함하고 있는 꺾쇠괄호'<>'(홑화살괄호)를 찾고 그 안에있는 'width'값을 모두 100%바꿔준다.



 # 변경하지 않은 표 코드 값


<table class="txc-table" width="800" cellspacing="&quot;0&quot;&quot;" cellpadding="0" border="0" style="border: none; border-collapse: width=800px;" 맑은="" 고딕",="" sans-serif;font-size:13px"="">



 # 100%로 변경 한 코드 값


<table class="txc-table" width="100%" cellpadding="0" border="0" 맑은="" 고딕",="" sans-serif;font-size:13px"="" style="border: none; border-collapse: collapse: width=100%;">


 # 생성된 표의 개수에 따라 txc-table이 생성되니 모두찾아 바꿔주면 된다.