반응형 스킨 [표 너비 오류] 해결방법

안녕하세요. 반응형 스킨을 사용한지 이제 3일차 인데, 포스팅 내용을 좀 더 깔끔하게 만들고자

티스토리 내에서 표를 만들어 올렸더니, 웹에서는 보는데 아무 문제 없지만..

문제는, 모바일 화면에서 생겼습니다..

 

 

제 핸드폰(Xiami Redmi note3 Pro) 에서는 표가 이와 같이 잘려 나와서 문제가 있더군요..

표 너비가 짤리는 현상이 ㅠㅠ

 

 

 

자, 그래서 문제를 수정해볼까요??
표를 반응형 웹에 맞게 각 크기에 반응하도록 하려면

먼저 표를 다 그리신 후, 글쓰기 누르기 전에

HTML로 들어가셔서

 

Ctlr+F 누르고 " table class " 를 찾으셔서 width 부분을 삭제 해주시면 간단하게 해결 됩니다.

 

 

 

 

 

width 부분을 지워주시면 웹 크기에 맞게 표가 아래와 같이 저절로 수정되는 것을 보실 수 있습니다.

 

 

 

 

 

 

 

PC에서는 익스플로러 창 크기에 맞춰 저절로 폭이 자동 수정되어 나오고 있음을 확인하실 수 있습니다.

 

 

 

 

다만.. 폭이 더 작은 스마트폰 화면의 경우에는 아래와 같이 우측부터 찌그러지는 현상이 발생하는 군요...

이건 어쩔 수 없는 현상인것 같습니다..

 

 

 

그래도 표 수정 전/후를 비교해보면

 

내용이 짤리지 않고 나오는 것 만으로도...

만족스럽네요 ^^;

 

 

이상, 반응형 스킨 적용 후, 표 너비 오류 수정 법 포스팅이였습니다.