• PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
    • 이 상품은 해외배송이 가능한 상품입니다

    [공통] 모바일 화면 터치 줌인 설정하기품절
    모바일에서 손가락을 이용해서 화면을 줌인 하는 방법을 안내합니다.
    모바일 기기에 따라, 혹은 브라우저에 따라 설정이 조금 다를 수 있습니다.
    기본 정보
    [공통] 모바일 화면 터치 줌인 설정하기
    모바일에서 손가락을 이용해서 화면을 줌인 하는 방법을 안내합니다.
    모바일 기기에 따라, 혹은 브라우저에 따라 설정이 조금 다를 수 있습니다.
    사용후기 0
    수량 수량증가수량감소
    타임세일

    카드혜택안내 미확인 입금자

    개인결제창을 통한 결제 시 네이버 마일리지 적립 및 사용이 가능합니다.
  • 상품 수량
    수량
    증가 감소
    상품 옵션
    옵션 선택

  • 수량을 선택해주세요.

    옵션선택 박스를 선택하시면 아래에 상품이 추가됩니다.

    최소주문수량 1개 이상 / 최대주문수량 0개 이하입니다.

    상품 목록
    상품명 상품수 가격
    [공통] 모바일 화면 터치 줌인 설정하기 수량증가 수량감소 0 (  )
  • TOTAL PRICE 0 (0개)

    할인가가 적용된 최종 결제예정금액은 주문 시 확인할 수 있습니다.

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • 공급사 바로가기

판다씨 입니다.


모바일에서 손가락을 이용해서 화면을 줌인 하는 방법을 안내합니다.

모바일 기기에 따라, 혹은 브라우저에 따라 설정이 조금 다를 수 있습니다.


1. 확대 축소가 안되도록 설정

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />


2. Viewport를 지원하지 않는 경우

<meta name="HandheldFriendly" content="true" />


3. IE10 이하버전에서 제대로 동작하지 않는 경우

html {
-ms-content-zooming: none;
-ms-touch-action: pan-x pan-y;
}
// Source: stackoverflow





우리는 일반적으로 모바일 상세페이지에서 

줌인이 되도록 설정하는 경우가 많기 때문에 그에 따른 안내입니다.






붉은색 부분에 아래의 코드를 입력해주세요.


<!-- maximum-scale: 최대 비율 입력, user-scalable: 확대사용 여부 -->

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=2.0, minimum-scale=1.0, user-scalable=yes, shrink-to-fit=no"/ >




줌인의 크기 설정은 아래의 옵션으로 설정하시길 바랍니다.


maximum-scale=2.0 // 몇배의 크기로 화면을 줌인할 수 있는가






  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A
  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

REVIEW

게시물이 없습니다

  • PRODUCT
  • COUPON
  • DETAIL
  • INFORMATION
  • WITH ITEM
  • REVIEW
  • Q & A

Q & A

게시물이 없습니다