meta name=“viewport” ne fonctionne pas comme prévu

J'ai que la balise meta dans mon site web www.ssd-vergleichen.de

<meta name="viewport" content="width=device-width; initial-scale=1.0;"/>

Pour empêcher l'appareil de initiale, zoom sur le site.
Quand on regarde le site sur mon chrome navigateur mobile sur Samsung Galaxy S2, le site est beeing le zoom 400%.
Qu'ai-je fait de mal? Quelqu'un peut-il aider?

Merci d'avance

Edit: Avec l'aide de

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

il fonctionne sous Android standard webbrowser, mais toujours pas dans google Chrome. Je me demande si il fonctionne sous IOS?

Edit2: Non, il ne fonctionne pas avec iOS http://iphonetester.com/

meta name=“viewport” ne fonctionne pas comme prévu

La caisse de l'navigateur tests à quirksmode.org/mobile/metaviewport Il y a des détails de dispositifs de mise en œuvre correcte de chaque partie de la balise meta.

OriginalL'auteur Stefano L | 2013-06-21

  1. 4

    Avez-vous essayé

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

    Ce que je comprends width="device-width" limite la largeur de la configuration de l'appareil largeur. Sûrement réglage intial-scale=1 est alors en train de dire au navigateur de zoom de 100% (pas à l'échelle)?

    Mise à jour

    <meta name="viewport" content="width=device-width, initial-scale=1;"/>

    Est destiné à être utilisé à l'échelle des sites responsive correctement. Compte tenu de votre site est fixé à une largeur de 1100px, réglage initial-scale=1 n'entraînera pas l'ensemble de la page est visible.

    Du W3C Utiliser Les Meta Viewport Élément Pour Définir La Taille De L'Écran

    cela ne fonctionne pas trop. Et initial-scale=1 signifie que le site n'est pas agrandie. Ce que vous entendez est de 200% ou initial-scale=2 je pense
    Désolé en zoom 100%, je veux dire en montrant la page web à l'intention, c'est la taille. c'est à dire sans mise à l'échelle, il semble être en train de faire.

    OriginalL'auteur Colin Bacon

  2. 2

    Essayez ceci :

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

    OriginalL'auteur Romain Braun

  3. 0

    Essayer:

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

    sans ;

    cela semble fonctionner pour Android browser standard, mais pas pour google Chrome (voir mon edit)
    J'utilise le code ci-dessus sur mon site et il fonctionne sans problème dans Chrome, donc quelque chose interfère peut-être avec elle. Je vais vérifier votre site...
    J'ai déjà effacé mon chrome du cache. Toujours avoir ce problème.. Il semble qu'il ne fonctionne pas sur l'iPhone: iphonetester.com
    Cela aide à tous: stackoverflow.com/questions/11345896/...

    OriginalL'auteur Ian Devlin

  4. 0

    J'ai eu le même problème aujourd'hui et j'ai réussi à résoudre ce problème en jouant avec la cible-densitydpi attribut et la valeur élevée, tandis que le réglage de la largeur de device-width

    Comme suit:

    <meta name="viewport" content="initial-scale=0.8, zoom=10%, width=device-width, target-densitydpi=high-dpi">

    Cela a résolu mon problème.

    OriginalL'auteur Code Bunny

  5. 0

    Essayez ceci:

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

    En CSS mettre ceci:

    html, body {
    max-width: 100%;
    overflow-x: hidden;
}

    OriginalL'auteur abdulelah

  6. -3

    Vous devriez écrire 

    <meta id="viewport" name="viewport" content="[your_content_params]" />

    J'ai essayé et cela a fonctionné.

    OriginalL'auteur braun3812