반응형에 대해서 도움 요청합니다.
2015.04.29 18:51
875
4
- - 짧은주소 : http://e3net.fineyes.com/bbs/?t=wq
본문
|
위 내용으로 글을 등록하고 웹 상에서 정상적으로 보이나 모바일로 확인할 경우는 일부분이 잘려서 나오는 현상이 있습니다.
이부분 width 값을 모두 제거해야지만 정상적으로 나올까요?
어떤 부분을 수정을 하면 정상적으로 모바일에서 볼수 있을까요?
조언 부탁 드립니다.
0
로그인 후 평가 가능합니다.
-
이윰초보
- 회원등급 : 지하계 / Level 1
포인트 520
경험치 11
[레벨 1] - 진행률
6%
- 가입일 : 2015-04-29 18:36:43
- 서명 : 미입력
- 자기소개 : 미입력
댓글목록 4
shadow님의 댓글
- 아이디로 검색
2015.04.29 19:04아래 링크를 참조하세요
http://eyoom.net/bbs/board.php?bo_table=tip&wr_id=415
참고적으로 class="img-responsive" 가 bootstrap에 맞는 방법입니다.
축하합니다. 첫댓글 포인트 53포인트를 획득하였습니다.
축하합니다. 행운의 포인트 26포인트를 획득하였습니다.
fm25님의 댓글
- 아이디로 검색
2015.04.29 19:56귀찮아서... 전체를 class="img-responsive"로 감싸보니 적용이 안되네요.
필요한 최소한 부분만 추려내어서 클래스 적용을 해야겠네요.
주소/page/?pid=contactus
를 보면 어떻게 적용했는지 확인할 수 있습니다.
width="100%" height="350"
로 적용했군요.
축하합니다. 지뢰폭탄 포인트 7포인트를 획득하였습니다.
learney님의 댓글
- 아이디로 검색
2015.05.07 11:12작성한 아이디를 까먹어 새로 가입했네요 ㅠ.ㅠ
답변 감사합니다.
말씀해주신 내용대로 width 값이 문제인가 같아 모바일로 접속일때는 width 값을 모두 제거처리 하였더니 정상적으로 보이네요.
문의에 답변 주셔서 감사합니다.
learney님의 댓글
- 아이디로 검색
2015.05.07 11:22아 혹시 저와 같은 고민 하시는 분 있을수 있어 적용한 내용도 적어봅니다.
eyoom/classes/Template/Template_class.php 파일에 function 추가
function removeSizeTag($str='', $remove_tag=array('width', 'height')) {
if(empty($str)) return FALSE;
if(empty($remove_tag)) return FALSE;
foreach($remove_tag as $tag) {
$str = preg_replace('/(\s?)('.$tag.')(\s?:\s?)([0-9]+\.?[0-9]+)(px|%);/i','', $str); // style 태그
$str = preg_replace('/(\s?)('.$tag.')(\s?=\s?)("?|'?)([0-9]+)("?|'?)/i','', $str); // html 태그
}
return $str;
}
사용하는 board 스킨 view_skin.html 에 내용 출력하는 부분을
<!-- 본문 내용 시작 { -->
<!--{? !C.G5_IS_MOBILE}-->
<div class="board-view-con">{_view_content}</div>
<!--{:}-->
<div class="board-view-con">{=removeSizeTag(_view_content)}</div>
<!--{/}-->
<!-- } 본문 내용 끝 -->
view_skin.html 내용은 필요하신 부분이 적용하세요.
감사합니다.