[야매주의] 티스토리 반응형 table: 스타일 속성 제거로 간단 해결?

nkseok · 2016. 11. 22. 03:42 Software - Tips/Web & 유틸리티 ·

애드 블록에 대하여

티스토리, 스킨 제작자 그리고 블로거는 랜섬웨어 혹은 기타 바이러스 등의 보안성에 대해 항상 최선을 다해 업데이트하고 있으며, 해당 블로그에서 노출되는 광고는 구글 애드센스의 규칙을 준수하고 있습니다.
감사합니다.

한때 반응형 블로그 붐으로 인해 티스토리 블로거 대부분이 반응형 스킨을 사용 중이고 애용 중이다.

하지만 한 가지 문제가 있었으니 그것은 웹 반응형의 골칫덩이인 table(표 서식)이다.

그에 따라 이미 많은 반응형 테이블 소스가 공개되기도 했는데 가독성을 고려한 반응형 제작이었지 나에게 있어서는 너무 과분하고 쓸모없는 것들 뿐이었다.

정작 문제는 티스토리 글쓰기에서 제공하는 표 서식을 사용 할 경우 굳건하게 자신의 가로 폭을 고수하는 말썽쟁이 표가 문제였다.

아무리 브라우저의 가로폭을 늘였다 줄여도 절대 반응하지 않는다. (부들부들)

그래서 검색을 하다가 알아낸 것이 table 속성의 width값을 없애면 된다는 것이 아니겠는가....?

(근본적인 해결 방안은 아니지만 그래도 결과는 만족)

소스는 아래와 같다.

<HTML>

<!-- </body> 위에 입력 -->
<script type="text/javascript">
	$("td").css("width","");
</script>

<CSS>

/* css에 입력 */
table.txc-table {
	width: 100%;
}

▼ 티스토리 글쓰기 에디터를 통해 삽입 된 표 서식