Deaktivieren Sie zoom auf mobilen Geräten für Feste viewport-Größe

Ich versuche zu deaktivieren, Zoomen auf mobilen Geräten.
Ich weiß, dieser code funktioniert.

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

Aber in meinem Fall habe ich nicht die option "width=device-width". Ich habe die viewport-Größe, um 480px also ich bin mit dem folgenden code

<meta name="viewport" content="width=480px, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />

Aber ich bekomme vergrößert in Ansicht von der Seite auf mobilen Gerät, und ich bin in der Lage, ihn zu vergrößern.

hast du versucht, wie dieser content="width=480, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"
ja, ich bekomme das gleiche Ergebnis wie 480px

InformationsquelleAutor Awais Umar | 2014-07-21

  1. 10

    Verwendung von "target-densitydpi=device-dpi" und damit der code

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

    behoben mein problem. Dank Dave Turm

    InformationsquelleAutor Awais Umar

  2. 0

    Denke ich, würden Sie besser verwenden zu 100% statt 480

    InformationsquelleAutor Vn Guzman

  3. 0

    Ich hatte ein ähnliches problem vor kurzem, wo, wenn ich das erste laden meiner Seite brauche ich es komplett gezeigt auf den mobilen Geräten, aber es wurde ständig vergrößert, in genau der Breite des Geräts, basierend auf meine fixed viewport-Breite. Hier ist, was ich hatte:

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

    Entfernte ich die initial-scale=1.0 und es war kein Problem hinterher. Sie können natürlich immer noch die user-scalable=no zu halten in der Lage, um den zoom wie gewünscht.

    Ich sah Dave Rook Antwort mit die Antwort, die Sie haben und es ist nicht mehr gültig. Hier ist die änderung auf Ziel-densitydpi.

    InformationsquelleAutor Jester

Schreibe einen Kommentar