Ansichtsfenster-Meta-Tag funktioniert nicht in iPhone und Android

ich den folgenden HTML-Code bin mitAnsichtsfenster-Meta-Tag funktioniert nicht in iPhone und Android

<!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 Benutzer von Ein- und Auszoomen zu verhindern ist. Der obige Code funktioniert nicht in iPhone und Android. Irgendeine Lösungsmöglichkeit ?

EDIT: Es in iPhone-Einstellungen angezeigt wird, wenn Zoom als On unter Settings>Accessibility>Zoom ausgewählt wird, dann wird dieser Meta-Tag außer Kraft setzen. Source

Nicht sicher, warum es in Android passiert.

Quelle

2012-05-28 Prabhat

Chrome-Benutzer können Meta übersteuern mit Einstellungen/Erweitert/Eingabehilfen/Erzwingen Zoom aktivieren: aktiviert. – user3108698

Ich benutze diesen Tag Zoom auf allen mobilen Plattformen zu verhindern:

<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 ,

Quelle

2012-05-28 11:12:56 ChristopheCVB

Ich habe das versucht. Obwohl der Effekt von "width = device-width" zu sehen ist, kann ich immer noch ein- und auszoomen. – Prabhat

Ich habe die Frage bearbeitet. Bitte guck dir das an. – Prabhat

Sind Sie sicher, dass '' 'statt' '' '? http://wiki.whatwg.org/wiki/MetaExtensions und https://developer.mozilla.org/en-US/docs/Mobile/Viewport_meta_tag sagen zu verwenden ','. – cherouvim

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

hat gut funktioniert auf dem Samsung Galaxy S3

Quelle

2014-06-08 08:38:01

In meinem Teil, ich habe dieses "Viewport", das gut auf einem Android (Nexus 5) funktioniert auf dem iPhone.

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

Ich hoffe, das hilft Ihnen!

Quelle

2014-09-05 12:56:43

Das ist, was es für mich getan hat. Aus irgendeinem Grund führt eine "Anfangsskala" von 1 zu einem unerwünschten rechten Rand, aber eine "Anfangsskala" von 0,5 bis 0,9 funktioniert gut. Ich habe 0.9 verwendet, weil ich so nahe wie möglich an 1 wollte. –

Setzen Sie dieses Skript, um Pinch-Zoom zu vermeiden. in neueste Version von Safari, zu arbeiten, wenn Meta-Tag nicht

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

Quelle

2017-02-07 07:53:15

einiger Zeit Sie -webkit-flex hinzufügen müssen: 1 Container (falls Flexbox im Einsatz ofcourse). Das hilft mir bei meinem Darstellungsfehlerproblem.

Quelle

2017-06-04 20:04:31

Ansichtsfenster-Meta-Tag funktioniert nicht in iPhone und Android

Antwort

Verwandte Themen