Android에서 Chrome 확대/축소를 사용 중지하는 방법은 무엇인가요?

Question

Android에서 Chrome의 페이지 확대/축소를 방지하기 때문에 작동하지 않습니다. 아래의 코드는 Android Android 브라우저와 iOS의 Safari에서 잘 작동합니다. 이견있는 사람?

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

    <meta name="viewport" content="width=device-width" /> 

Answer 1

에 한번 당신의 viewport 메타 태그에 minimum-scale=1를 추가 - 그 문제가 해결되지 않을 경우, 그것은 줌을 사용하지 않도록 설정하는 것은 (HTC 고유의 브라우저가 의도적으로 당신은 줌을 해제 할 수 없습니다 안드로이드 크롬에서 지원되지 않는 가능성이 높습니다, 예 :

업데이트 : 방금 확인한 바 크롬 은을 지원하지 않으므로 줌 기능을 사용할 수 없지만 코드에 두 개의 뷰포트 태그가 있습니까? 두 번째 것은 첫 번째 것보다 우선합니다. 두 번째 것을 제거하십시오.

자세한 내용 및 여러 브라우저에서 확대/축소를 사용하지 않도록 설정하는 방법에 대한 좋은 제안은이 목록의 mobile browser support for disabling zoom을 참조하십시오.

Answer 2

나는 따라, 사용할 수있는 모든 뷰포트 설정을 구성, 벨트를 사용하여 접근 교정기있어 developer.android.com의 다음 구문에서 허용하는 지원 뷰포트 속성과 값의 일반적인 유형을 모두 보여줍니다

Targeting Screens from Web Apps 각 하나를 더 줌

<meta name="viewport" 
    content=" 
    height = [pixel_value | device-height] , 
    width = [pixel_value | device-width ] , 
    initial-scale = float_value , 
    minimum-scale = float_value , 
    maximum-scale = float_value , 
    user-scalable = [yes | no] , 
    target-densitydpi = [dpi_value | 
    device-dpi | high-dpi | medium-dpi | low-dpi] 
    " /> 

구성된 메타 태그 :

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

그리고 한 라이너:

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