Comment faire pour désactiver le zoom dans google Chrome sur Android?

en essayant d'éviter de zoomer sur une page dans google Chrome sur Android, et il ne veut pas se comporter. Je suis en utilisant le code ci-dessous, qui fonctionne très bien sur le stock navigateur Android et Safari sur iOS. Toutes les pensées?

<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" />
Votre deuxième balise meta "viewport" remplace la première. Voir stackoverflow.com/questions/11345896/...

OriginalL'auteur dcarr622 | 2012-11-10

  1. 15

    Essayez d'ajouter minimum-scale=1 à votre viewport de la balise meta - si cela ne fonctionne pas, il est probable que le fait de désactiver le zoom n'est pas pris en charge par Chrome pour Android (HTC navigateur propriétaire intentionnellement ne vous permet pas de désactiver le zoom, par exemple)

    Mise à jour: je viens de vérifier, et il semble que Chrome ne prendre en charge la désactivation du zoom, mais vous avez deux fenêtre d'affichage des balises dans votre code? Le second est probable substitution de la première. Supprimer la seconde.

    Voir cette liste de mobile support de navigateur pour la désactivation du zoom pour plus de détails et une bonne suggestion pour la désactivation du zoom sur plusieurs navigateurs.

    C'était ça, merci!
    en fait, il a travaillé, j'ai posté le commentaire précédent prématurément, depuis édités. merci pour l'astuce!

    OriginalL'auteur Kelvin

  2. 10

    Je suis à l'aide de la ceinture et les bretelles approche, la configuration de tous les paramètres de fenêtre d'affichage disponibles, comme par developer.android.com's Le ciblage des Écrans d'Applications Web

    La syntaxe suivante montre tous pris en charge les propriétés du point de vue et les types de valeurs acceptées par chacun:

    <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]
    " />

    La configuration de la balise meta pour sans zoom:

    <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
    " />

    Et un liner:

    <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" />

    OriginalL'auteur nverba