토론방

분류목록

소스관련 제품상세페이지에서의 핑거줌 관련 문의

안녕하세요.

모바일 페이지에서 제품상세페이지를 볼때에 이미지가 작아져서 잘 안보인다고 핑거줌이 되도록 요청이 있었는데요.

이때에 전체화면구성에서 maximum-scale=1을 수치를 늘려주면 되는것으로 알고 있습니다.

1. 그런데 모든것이 다 확대가 되니 제품소개페이지에서만 컨텐츠 부분 {BODY_CONTENT} 만 확대 할수 있을까요?

2. 1번의 방법이 안된다면 maximum-scale=1 이 제품소개페이지에서만 적용될 수 있도록 할 수 있을까요? (참고로 제품소개페이지는 스킨을 따로 만들어서 쓰고 있습니다.)

게시글 공유 URL복사

수정 삭제 출력

댓글[1]

열기 닫기

P**M 2016-08-16

전체화면구성에 정의된 메타태그로 처리를 하고 있는데요..

이 메타태그를 스크립트를 통해서 처리가 가능합니다.

현재 전체화면구성에

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes">

이렇게 메타태그가 정의가 되어있습니다.

이것을 제품소개 스킨하단에 아래와 같이 적용을 하시면 됩니다.

<script type="text/javascript">
jQuery(function($){
$('meta[name=viewport]')
.attr('content',
$('meta[name=viewport]').attr('content').split('width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=yes').join('width=device-width, initial-scale=1.0, minimum-scale=0.5, maximum-scale=2.0, user-scalable=yes')
)
;
});
</script>

감사합니다.

댓글작성

열기 닫기

top