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独自のブラウザは意図的にあなたがズームを無効にすることはできません（無効にズームがAndroidのためにクロームでサポートされていない可能性があります、

更新：私はちょうどチェックし、Chromeのように見えますサポートが無効になっていますが、コードに2つのビューポートタグがありますか？ 2番目の方が最初の方を上書きする可能性があります。もう1つを削除します。

詳細は、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" />