토론방

분류목록

소스관련 맟춤전송폼에서의 가로스크롤이 생기는 현상

반응형 사이트입니다.

하지만 제목에서 설명 들였던 거첨 모바일 크기로 줄였을때나 모바일로 확인했을때

피씨에서 브라우저 크기를 줄였을 경우 가로 스크롤이 생기며

폰으로 확인하면 가로 크기를 넘어서는 크기를 가지고 있기 때문에 넘어가게 됩니다.

이유는 주소에 있는 폼이 문제입니다.

또한 이 사이트 뿐만 아니라 이와 같은 폼을 사용하는 사이트가 다 이런 현상을 가지고 있습니다.

확인 부탁 드려요

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

P**M 2016-04-14

현재로서는 이부분에 대해서 딱히 방법이 없을듯 합니다.

주소부분에는 강제로 사이즈가 기재되어있는데 그 사이즈를 치환처리를 해서 다른수치로 변경을 해야될듯 합니다.


<h4 class="farm-A-title">온라인 문의</h4>

<table class="farm-A-form" cellpadding="0" cellspacing="1">
   <colgroup>
       <col width="25%">
       <col width="75%">
   </colgroup>

   <tbody>
       <tr loop="$v[fields] as $k2 => $v2">

{@

       if($mobile_conn_yn){
           $v2[fieldTag] = str_replace("size='40'", "style='width:90%;'", $v2[fieldTag]);
           $v2[fieldTag] = str_replace("size='50'", "style='width:90%;'", $v2[fieldTag]);
       }

@}

           <th>{$v2[fieldName]} <i cond="$v2[fieldImportant]==1">*</i></th>
           <td>{$v2[fieldTag]} <i class="farm-A-info" cond="$v2[fieldComment]">{$v2[fieldComment]}</i></td>
       </tr>
   </tbody>
</table>


맞춤전송폼 항목에서 위와 같이 추가를 합니다.

모바일일때만 사이즈 부분을 퍼센트로 바꿔서 출력을 하도록 하는 것입니다.

이와 같이 적용을 하시면 모바일에서 가로 스크롤은 생기지 않습니다.

댓글작성

열기 닫기

top