제이위키와 저스트보드 모두 모바일 반응형 레이아웃을 사용하고 있습니다. 하지만 내용물은 그렇지 않죠.
pc에서 예쁘게 보이던 표도 모바일에서 볼 때는 좌우가 짤려있거나, 표간격이 너무 좁아 글자가 세로로 나열되는 문제가 있습니다.
열은 4~5개를 넘어가지 않는게 보기 좋습니다.
PC에서 볼 때는 4~5개로 하고 밑으로 내릴 경우 상하로 너무 길어진다는 단점이 있습니다. 이것은 에른스트의 아무튼 공방에서 개발한 펼치기/접기 기술을 통해 접어두는 것으로 해결할 수 있습니다.
이 펼치기/접기에 관한 자세한 내용은 공방의 문서를 천천히 읽어보거나, 코드를 직접 뜯어보시면서 익힐 수도 있습니다. 나중에 이와 관련한 포스팅을 하겠습니다.
모바일 반응성을 올려주는 태그
{| class="wikitable" style="~" .... 으로 시작하는 우리의 표 앞에 다음과 같은 내용을 넣어주세요.
<table class="wikitable"><td style="padding:0 0 0 0px;" width="원하는 넓이"> 이 코드를 앞에 삽입한 이후에는 원래 있었던 {| class="wikitable" 부분을 삭제해 주면 됩니다. 즉 <table class="wikitable"><td style="padding:0 0 0 0px;" width="원하는 넓이"> {| style="~"....이 되는 거죠.
그리고 맨 표 마지막 |} 뒤에 </td></table>을 입력하여 태그를 종료합니다.
<td> 안에서 많은 속성을 정의할 수 있습니다. 다른 용도로도 얼마든지 사용 가능합니다.