티스토리 표 사이즈
모바일 반응형 스킨 표 최적화 하기
안녕하세요. 율이맨입니다.
티스토리에서 포스팅을 할 때 표를 사용하는 경우가 상당히 많습니다.
내용을 정리하고, 강조하고, 리스트로 정리할 때 많이 쓰이죠.
하지만 티스토리의 표가 모바일에서 짤려서 나오는 경우가 있습니다.
특히 반응형 스킨일 경우 표를 넣으면 표가 짤리는 경우가 있습니다.
모바일 반응형 스킨에서 표를 최적화 하는 방법에 대해 알아보겠습니다.
■ PC 에서 정상적으로 노출
■ 모바일에서 표 짤리는 현상
이렇게 표가 짤리는 현상이 발생할 수 있습니다.
이렇게 한쪽이 짤려서 나올 때는 약간의 작업을 해주어야 합니다.
우선 에디터의 HTML 을 체크해줍니다.
그리고 CTRL + F 로 TABLE 을 검색해 줍니다.
그리고 TABLE 태그의 width 항목을 지워주면 됩니다.
■수정 전
<table class="txc-table" width:"627" cellspacing="0" cellpadding="0" border="0" style="border: none; border-collapse: collapse; width:627px;">
■수정 후
<table class="txc-table" cellspacing="0" cellpadding="0" border="0" style="border: none; border-collapse: collapse;">
그러면 이렇게 정상적으로 모바일에서도 표가 잘 노출되는것을 확인할 수 있습니다.
이상 티스토리 모바일 반응형 스킨에서 표를 최적화 하는 방법이었습니다.
♥공감과 댓글, 그리고 구독은 큰 힘이 됩니다.