[해피CGI][cgimall] 모바일에서 화면에 맞게 이미지 출력하고 싶어요

모바일 화면에 맞게 이미지가 출력되도록 아래 CSS 스타일 설정이 필요합니다.

< style>
.freeimg img{max-width:100%; height:auto;}
< /style>

< img src="test.jpg" class="freeimg">



모바일웹은 최대한 이미지를 사용하지 않고 텍스트와  CSS 를 사용하여
기기의 다양한 해상도를 고려하여 제작이 필요합니다.

< table style="width:500px">
< tr>
< td style="width:250px">A영역</td>
< td style="width:250px">B역</td>
< /tr>
< /table>

테이블의 고정된 width 픽셀값이 아니라, % 기준으로 하셔야 합니다.

< table style="width:100%">
< tr>
< td style="width:50%">A영역</td>
< td style="width:50%">B영역</td>
< /tr>
< /table>