Viewport-Meta-Tag funktioniert nicht in iPhone und Android

Ich bin mit dem folgenden html-code

<!DOCTYPE HTML>
  <html>
    <head>
     <title>test</title>
      <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    </head>
    <body>
    test
    </body>
  </html>

Meine Absicht ist es, zu verhindern, dass Benutzer von ein-oder Auszoomen. Der obige code funktioniert nicht in iPhone und Android. Jede Lösung ?

EDIT: Es erscheint in den iPhone-Einstellungen, wenn Zoom ausgewählt ist On unter Settings>Accessibility>Zoom ist, dann wird override-meta-tag. Quelle

Nicht sicher, warum es geschieht in android.

InformationsquelleAutor der Frage Prabhat | 2012-05-28

  1. 5

    Ich dieses tag verwenden, um zu verhindern, dass zoom auf allen mobilen Plattformen :

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

    Mit ; und nicht ,

    InformationsquelleAutor der Antwort ChristopheCVB

  2. 4

    In meinem Teil, ich habe diesen "viewport" die Arbeit gut auf einem Android (Nexus 5) und auf dem iPhone.

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

    Ich hoffe, dies hilft Ihnen !

    InformationsquelleAutor der Antwort Joffrey Outtier

  3. 2

    Setzen Sie dieses Skript, um zu vermeiden, pinch-zoom. in der neuesten version von safari, wenn das meta-tag nicht arbeiten

       document.documentElement.addEventListener('touchstart', function(event) {
     if (event.touches.length > 1) {
       event.preventDefault();
     }
   }, false);

    InformationsquelleAutor der Antwort neel upadhyay

  4. 1
    <meta charset="UTF-8" />
<meta name="viewport" content="width=device-width; height=device-height" />

    gut funktioniert auf dem Samsung Galaxy S3

    InformationsquelleAutor der Antwort Adam Rifai

  5. 1

    Es scheint, es funktioniert nicht mehr in der normalen iOS (11.3) Browser.

    Jedoch es weiterhin betrifft die Webseite, die, wenn auf dem homescreen, und startete von dort aus.

    Also, wenn Sie berühren Sie das share-Menü, wählen Sie "zum Startbildschirm Hinzufügen", und öffnen Sie es von dort aus wird es stoppen Sie das Zoomen wie erwartet:

    <meta charset="utf-8" />
<title>luckydonald/SelfhostedMouse</title>
<meta name="apple-mobile-web-app-title" content="SelfhostedMouse" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta name="viewport" content="user-scalable=no; width=device-width; initial-scale=1.0; minimum-scale=1.0; maximum-scale=1.0">

    InformationsquelleAutor der Antwort luckydonald

  6. 0

    Einige Zeit, die Sie brauchen, um add-webkit-flex:1 Container (wenn flexbox-in verwenden, natürlich). Das wird mir geholfen, mit meinem viewport-problem.

    InformationsquelleAutor der Antwort Anton Golova

Schreibe einen Kommentar