티스토리 모바일에서 표가 잘려보일 때 해결법
iTIPs/티스토리
2014. 6. 25. 21:40
반응형
티스토리에 글을 쓸때 표를 삽입하게되면
모바일웹 화면에서 표가 가로길이가 너무 길어서 오른쪽이 잘리는 경우가 많습니다.
표가 모바일에서도 잘리지 않게 하려면 HTML편집에서 width항목을 모두 %수치로 바꿔주시면 되는데..
그 과정이 매우 귀찮고 번거로울뿐더러 가로폭이 좁은 모바일 화면에서는 각 칸의 너비가 너무 좁아서 컨텐츠를 잘 표현하지 못하게됩니다.
표가 잘린다고 컨텐츠를 볼 방법이 없는 것은 아닙니다.
티스토리 모바일웹 스킨은 페이지의 최하단에 PC화면보기를 지원합니다.
그러나 방문자가 표를 보기위해 페이지를 끝까지 스크롤해야하고, 화면이 새로고침되게 됩니다.
사용자 경험에 안좋은 영향을 끼치게 됩니다.
블로그 관리자는 이용자들이 컨텐츠를 더 쉽게 볼 수 있도록 해야합니다.
어떻게하면 사용자경험을 해치지 않고 보여주고자하는 컨텐츠를 전부 보여줄 수 있을까요?
반응형 스킨을 사용하자
티스토리 모바일웹 스킨은 블로그 관리자가 스크립트 수정을 할 수가 없습니다.
그러나 반응형 스킨을 이용하면, 모바일 화면에서도 스크립트를 수정할 수 있습니다.
모바일 웹 스킨만의 장점도 있겠지만, 반응형 스킨은 모바일웹 스킨의 거의 모든부분을 대체할 수 있습니다.
아래 링크는 본 블로그에도 적용되어있고, 추천하는 반응형 스킨입니다.
반응형 스킨을 적용한 후에는 아래 강좌를 통해 표를 스크롤할 수 있게하거나, 화면을 축소할 수 있도록 기능을 추가하시면됩니다.
반응형