이런 형식의 테이블이 있습니다.
웹에서 보면 아무런 이상이 없이 나오는데, 모바일에서 볼 경우 td가 깨져서 나옵니다.
test td안에 있는 부분 빨간색 표시 처럼 줄여서 나오게 되고
test1 td안에 있는 부분은 table의 사이즈에 맞게 나옵니다.
같은css를 돌리고있고, 아무런 차이가 없는거 같아서 계속 테스트하는 도중에 발견한게..
<?= $변수 ?> 로 받아오는 이 데이터가 4자리 이상이면 td의 사이즈가 깨져서 나옵니다.
$name 부분이 홍길동으로 받아오는 값이면 이 자리에 한글자 데이터를 받아와도, 두글자 데이터를 받아와도 td는 깨지지 않구요.
$created 부분이 2013/03/27 몇시몇분몇초 이런형식인데 깨져서 나오네요...
$변수값으로 받아오는거말고 그냥 text값으로 넣어서 자릿수는 테스트 했습니다.
아 그리고..
이 모바일 상태가 webview형식의 상태인데요. 처음엔 주어진 이미지처럼 td사이즈가 줄어서 나오지만
오른쪽 하단부에 ( - / + ) 를 클릭해서 -를 사용하여 축소하면 td사이즈가 깨지지 않습니다.
확대해서 볼 경우에만 생기네요..ㅠ
이런 현상이 생기는 이유와 혹시 그에 따른 대응을 어떻게 하면 되나요 ??
<table cellpadding="0" cellspacing="0" border="0" class="table">
<tbody>
<tr>
<td class="bg_color">test</td>
<td><?= $created ?></td>
</tr>
<tr>
<td class="bg_color">test1</td>
<td><?= $name ?></td>
</tr>
<tr>
<td class="bg_color">test2</td>
<td><?= $book ?></td>
</tr>
....
